squircle

Make all the squircles you need, in the browser. https://squircley.app/
git clone http://git.hanabi.in/repos/squircle.git
Log | Files | Refs | LICENSE

commit 97ce4e544559842ef0026cf90766acc608c809f3
parent bd9460d95db63abc546c58b96fca6ffed1f4ffad
Author: George Francis <georgedoescode@gmail.com>
Date:   Wed,  1 Jul 2020 10:27:15 +0100

remove vue-router as i don't need it for this simple app, remove some leftover boilerplate stuff that wasnt being used, add .vscode/settings with auto formatting settings

Diffstat:
A.vscode/settings.json | 7+++++++
Mpackage-lock.json | 7+------
Mpackage.json | 1-
Mpublic/index.html | 2+-
Msrc/App.vue | 14+-------------
Dsrc/components/HelloWorld.vue | 24------------------------
Msrc/main.js | 2--
Dsrc/router/index.js | 18------------------
8 files changed, 10 insertions(+), 65 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json @@ -0,0 +1,7 @@ +{ + "editor.formatOnSave": true, + "editor.defaultFormatter": "esbenp.prettier-vscode", + "css.validate": false, + "scss.validate": false, + "less.validate": false +} diff --git a/package-lock.json b/package-lock.json @@ -1,5 +1,5 @@ { - "name": "vue-webpack-boilerplate", + "name": "squircle-land", "version": "1.0.0", "lockfileVersion": 1, "requires": true, @@ -10903,11 +10903,6 @@ "vue-style-loader": "^4.1.0" } }, - "vue-router": { - "version": "3.3.4", - "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.3.4.tgz", - "integrity": "sha512-SdKRBeoXUjaZ9R/8AyxsdTqkOfMcI5tWxPZOUX5Ie1BTL5rPSZ0O++pbiZCeYeythiZIdLEfkDiQPKIaWk5hDg==" - }, "vue-style-loader": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz", diff --git a/package.json b/package.json @@ -45,7 +45,6 @@ "dependencies": { "normalize.css": "^8.0.1", "vue": "^2.6.11", - "vue-router": "^3.3.4", "vuex": "^3.5.1" } } diff --git a/public/index.html b/public/index.html @@ -3,7 +3,7 @@ <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <title>Vue Webpack Boilerplate</title> + <title>Squircle Land</title> </head> <body> <div id="app"></div> diff --git a/src/App.vue b/src/App.vue @@ -6,18 +6,6 @@ <template> <main> - <router-view /> + <p>Squirle Land!</p> </main> </template> - -<style scoped> - main { - height: 100vh; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - padding: 1rem; - font-family: 'Avenir', system-ui; - } -</style> diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue @@ -1,24 +0,0 @@ -<script> - export default { - name: 'HelloWorld', - }; -</script> - -<template> - <div> - <img src="../assets/img/vue_logo.svg" alt="Vue logo" /> - <h1>Vue Weback Boilerplate</h1> - </div> -</template> - -<style scoped> - div { - max-width: 24rem; - } - - h1 { - margin-top: 2rem; - text-align: center; - color: gray(20); - } -</style> diff --git a/src/main.js b/src/main.js @@ -2,11 +2,9 @@ import './assets/styles/app.css'; import Vue from 'vue'; import App from './App.vue'; -import router from './router'; Vue.config.productionTip = false; new Vue({ - router, render: (h) => h(App), }).$mount('#app'); diff --git a/src/router/index.js b/src/router/index.js @@ -1,18 +0,0 @@ -import Vue from 'vue'; -import VueRouter from 'vue-router'; -import HelloWorld from '@/components/HelloWorld.vue'; - -Vue.use(VueRouter); - -const routes = [ - { - path: '/', - name: 'Home', - component: HelloWorld, - }, -]; - -export default new VueRouter({ - mode: 'history', - routes, -});