diff --git a/.eslintrc.js b/.eslintrc.js index 3420fd9..925a250 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -1,18 +1,18 @@ module.exports = { - root: true, - env: { - node: true - }, - 'extends': [ - 'plugin:vue/vue3-essential', - 'eslint:recommended', - '@vue/typescript/recommended' - ], - parserOptions: { - ecmaVersion: 2020 - }, - rules: { - 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', - 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off' - } + root: true, + env: { + node: true + }, + 'extends': [ + 'plugin:vue/vue3-essential', + 'eslint:recommended', + '@vue/typescript/recommended' + ], + parserOptions: { + ecmaVersion: 2020 + }, + rules: { + 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', + 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off' + } } diff --git a/README.md b/README.md index 4e5e61b..f5811e1 100644 --- a/README.md +++ b/README.md @@ -1,24 +1,29 @@ # home-page ## Project setup + ``` yarn install ``` ### Compiles and hot-reloads for development + ``` yarn serve ``` ### Compiles and minifies for production + ``` yarn build ``` ### Lints and fixes files + ``` yarn lint ``` ### Customize configuration + See [Configuration Reference](https://cli.vuejs.org/config/). diff --git a/babel.config.js b/babel.config.js index e955840..c94e729 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,5 +1,5 @@ module.exports = { - presets: [ - '@vue/cli-plugin-babel/preset' - ] + presets: [ + '@vue/cli-plugin-babel/preset' + ] } diff --git a/package.json b/package.json index 14c0a6c..2d1bc5f 100644 --- a/package.json +++ b/package.json @@ -1,32 +1,32 @@ { - "name": "home-page", - "version": "0.1.0", - "private": true, - "scripts": { - "serve": "vue-cli-service serve", - "build": "vue-cli-service build", - "lint": "vue-cli-service lint" - }, - "dependencies": { - "core-js": "^3.6.5", - "vue": "^3.0.0", - "vue-class-component": "^8.0.0-0", - "vue-router": "^4.0.0-0" - }, - "devDependencies": { - "@typescript-eslint/eslint-plugin": "^4.18.0", - "@typescript-eslint/parser": "^4.18.0", - "@vue/cli-plugin-babel": "~4.5.0", - "@vue/cli-plugin-eslint": "~4.5.0", - "@vue/cli-plugin-router": "~4.5.0", - "@vue/cli-plugin-typescript": "~4.5.0", - "@vue/cli-service": "~4.5.0", - "@vue/compiler-sfc": "^3.0.0", - "@vue/eslint-config-typescript": "^7.0.0", - "eslint": "^6.7.2", - "eslint-plugin-vue": "^7.0.0", - "sass": "^1.26.5", - "sass-loader": "^8.0.2", - "typescript": "~4.1.5" - } + "name": "home-page", + "version": "0.1.0", + "private": true, + "scripts": { + "serve": "vue-cli-service serve", + "build": "vue-cli-service build", + "lint": "vue-cli-service lint" + }, + "dependencies": { + "core-js": "^3.6.5", + "vue": "^3.0.0", + "vue-class-component": "^8.0.0-0", + "vue-router": "^4.0.0-0" + }, + "devDependencies": { + "@typescript-eslint/eslint-plugin": "^4.18.0", + "@typescript-eslint/parser": "^4.18.0", + "@vue/cli-plugin-babel": "~4.5.0", + "@vue/cli-plugin-eslint": "~4.5.0", + "@vue/cli-plugin-router": "~4.5.0", + "@vue/cli-plugin-typescript": "~4.5.0", + "@vue/cli-service": "~4.5.0", + "@vue/compiler-sfc": "^3.0.0", + "@vue/eslint-config-typescript": "^7.0.0", + "eslint": "^6.7.2", + "eslint-plugin-vue": "^7.0.0", + "sass": "^1.26.5", + "sass-loader": "^8.0.2", + "typescript": "~4.1.5" + } } diff --git a/public/index.html b/public/index.html index 3e5a139..7d60a4d 100644 --- a/public/index.html +++ b/public/index.html @@ -1,17 +1,18 @@ - + - - - + + + <%= htmlWebpackPlugin.options.title %> - - - -
- - + + + +
+ + diff --git a/src/App.vue b/src/App.vue index 3fa872e..3bab072 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,30 +1,35 @@ diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue index da2f6fb..a3c9c2d 100644 --- a/src/components/HelloWorld.vue +++ b/src/components/HelloWorld.vue @@ -1,64 +1,84 @@ - diff --git a/src/main.ts b/src/main.ts index 3e79677..e455900 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,4 +1,4 @@ -import { createApp } from 'vue' +import {createApp} from 'vue' import App from './App.vue' import router from './router' diff --git a/src/router/index.ts b/src/router/index.ts index b4d0ef0..58fb7e0 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -1,25 +1,25 @@ -import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router' +import {createRouter, createWebHashHistory, RouteRecordRaw} from 'vue-router' import Home from '../views/Home.vue' const routes: Array = [ - { - path: '/', - name: 'Home', - component: Home - }, - { - path: '/about', - name: 'About', - // route level code-splitting - // this generates a separate chunk (about.[hash].js) for this route - // which is lazy-loaded when the route is visited. - component: () => import(/* webpackChunkName: "about" */ '../views/About.vue') - } + { + path: '/', + name: 'Home', + component: Home + }, + { + path: '/about', + name: 'About', + // route level code-splitting + // this generates a separate chunk (about.[hash].js) for this route + // which is lazy-loaded when the route is visited. + component: () => import(/* webpackChunkName: "about" */ '../views/About.vue') + } ] const router = createRouter({ - history: createWebHashHistory(), - routes + history: createWebHashHistory(), + routes }) export default router diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts index 3804a43..04f5dde 100644 --- a/src/shims-vue.d.ts +++ b/src/shims-vue.d.ts @@ -1,6 +1,7 @@ /* eslint-disable */ -declare module '*.vue' { - import type { DefineComponent } from 'vue' +declare module '*.vue' +{ + import type {DefineComponent} from 'vue' const component: DefineComponent<{}, {}, any> - export default component + export default component } diff --git a/src/views/About.vue b/src/views/About.vue index 3fa2807..3b5e43f 100644 --- a/src/views/About.vue +++ b/src/views/About.vue @@ -1,5 +1,5 @@ diff --git a/src/views/Home.vue b/src/views/Home.vue index 5016ce2..d2c8c75 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -1,18 +1,20 @@ diff --git a/tsconfig.json b/tsconfig.json index 8c93ef5..c0fa1c0 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,40 +1,40 @@ { - "compilerOptions": { - "target": "esnext", - "module": "esnext", - "strict": true, - "jsx": "preserve", - "importHelpers": true, - "moduleResolution": "node", - "experimentalDecorators": true, - "skipLibCheck": true, - "esModuleInterop": true, - "allowSyntheticDefaultImports": true, - "sourceMap": true, - "baseUrl": ".", - "types": [ - "webpack-env" - ], - "paths": { - "@/*": [ - "src/*" - ] + "compilerOptions": { + "target": "esnext", + "module": "esnext", + "strict": true, + "jsx": "preserve", + "importHelpers": true, + "moduleResolution": "node", + "experimentalDecorators": true, + "skipLibCheck": true, + "esModuleInterop": true, + "allowSyntheticDefaultImports": true, + "sourceMap": true, + "baseUrl": ".", + "types": [ + "webpack-env" + ], + "paths": { + "@/*": [ + "src/*" + ] + }, + "lib": [ + "esnext", + "dom", + "dom.iterable", + "scripthost" + ] }, - "lib": [ - "esnext", - "dom", - "dom.iterable", - "scripthost" + "include": [ + "src/**/*.ts", + "src/**/*.tsx", + "src/**/*.vue", + "tests/**/*.ts", + "tests/**/*.tsx" + ], + "exclude": [ + "node_modules" ] - }, - "include": [ - "src/**/*.ts", - "src/**/*.tsx", - "src/**/*.vue", - "tests/**/*.ts", - "tests/**/*.tsx" - ], - "exclude": [ - "node_modules" - ] }