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:
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,
-});