Initial Commit
This commit is contained in:
@@ -8,6 +8,8 @@
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@popperjs/core": "^2.10.2",
|
||||
"bootstrap": "^5.1.1",
|
||||
"core-js": "^3.6.5",
|
||||
"vue": "^3.0.0",
|
||||
"vue-router": "^4.0.0-0",
|
||||
@@ -22,6 +24,7 @@
|
||||
"@vue/compiler-sfc": "^3.0.0",
|
||||
"babel-eslint": "^10.1.0",
|
||||
"eslint": "^6.7.2",
|
||||
"eslint-plugin-vue": "^7.0.0"
|
||||
"eslint-plugin-vue": "^7.0.0",
|
||||
"sass-loader": "^12.1.0"
|
||||
}
|
||||
}
|
||||
|
56
pnpm-lock.yaml
generated
56
pnpm-lock.yaml
generated
@@ -1,6 +1,7 @@
|
||||
lockfileVersion: 5.3
|
||||
|
||||
specifiers:
|
||||
'@popperjs/core': ^2.10.2
|
||||
'@vue/cli-plugin-babel': ~4.5.0
|
||||
'@vue/cli-plugin-eslint': ~4.5.0
|
||||
'@vue/cli-plugin-router': ~4.5.0
|
||||
@@ -8,14 +9,18 @@ specifiers:
|
||||
'@vue/cli-service': ~4.5.0
|
||||
'@vue/compiler-sfc': ^3.0.0
|
||||
babel-eslint: ^10.1.0
|
||||
bootstrap: ^5.1.1
|
||||
core-js: ^3.6.5
|
||||
eslint: ^6.7.2
|
||||
eslint-plugin-vue: ^7.0.0
|
||||
sass-loader: ^12.1.0
|
||||
vue: ^3.0.0
|
||||
vue-router: ^4.0.0-0
|
||||
vuex: ^4.0.0-0
|
||||
|
||||
dependencies:
|
||||
'@popperjs/core': 2.10.2
|
||||
bootstrap: 5.1.1_@popperjs+core@2.10.2
|
||||
core-js: 3.18.1
|
||||
vue: 3.2.19
|
||||
vue-router: 4.0.11_vue@3.2.19
|
||||
@@ -26,11 +31,12 @@ devDependencies:
|
||||
'@vue/cli-plugin-eslint': 4.5.13_a58cf9e4d577795b8c257bee96d49483
|
||||
'@vue/cli-plugin-router': 4.5.13_@vue+cli-service@4.5.13
|
||||
'@vue/cli-plugin-vuex': 4.5.13_@vue+cli-service@4.5.13
|
||||
'@vue/cli-service': 4.5.13_@vue+compiler-sfc@3.2.19
|
||||
'@vue/cli-service': 4.5.13_0c7cfb9d6b60c37eed7038267d6bc444
|
||||
'@vue/compiler-sfc': 3.2.19
|
||||
babel-eslint: 10.1.0_eslint@6.8.0
|
||||
eslint: 6.8.0
|
||||
eslint-plugin-vue: 7.18.0_eslint@6.8.0
|
||||
sass-loader: 12.1.0
|
||||
|
||||
packages:
|
||||
|
||||
@@ -1242,6 +1248,10 @@ packages:
|
||||
engines: {node: '>= 6'}
|
||||
dev: true
|
||||
|
||||
/@popperjs/core/2.10.2:
|
||||
resolution: {integrity: sha512-IXf3XA7+XyN7CP9gGh/XB0UxVMlvARGEgGXLubFICsUMGz6Q+DU+i4gGlpOxTjKvXjkJDJC8YdqdKkDj9qZHEQ==}
|
||||
dev: false
|
||||
|
||||
/@soda/friendly-errors-webpack-plugin/1.8.0_webpack@4.46.0:
|
||||
resolution: {integrity: sha512-RLotfx6k1+nfLacwNCenj7VnTMPxVwYKoGOcffMFoJDKM8tXzBiCN0hMHFJNnoAojduYAsxuiMm0EOMixgiRow==}
|
||||
engines: {node: '>=8.0.0'}
|
||||
@@ -1555,7 +1565,7 @@ packages:
|
||||
dependencies:
|
||||
'@babel/core': 7.15.5
|
||||
'@vue/babel-preset-app': 4.5.13_vue@3.2.19
|
||||
'@vue/cli-service': 4.5.13_@vue+compiler-sfc@3.2.19
|
||||
'@vue/cli-service': 4.5.13_0c7cfb9d6b60c37eed7038267d6bc444
|
||||
'@vue/cli-shared-utils': 4.5.13
|
||||
babel-loader: 8.2.2_99877201e3f6dd5396b321f0a88244ea
|
||||
cache-loader: 4.1.0_webpack@4.46.0
|
||||
@@ -1574,7 +1584,7 @@ packages:
|
||||
'@vue/cli-service': ^3.0.0 || ^4.0.0-0
|
||||
eslint: '>= 1.6.0 < 7.0.0'
|
||||
dependencies:
|
||||
'@vue/cli-service': 4.5.13_@vue+compiler-sfc@3.2.19
|
||||
'@vue/cli-service': 4.5.13_0c7cfb9d6b60c37eed7038267d6bc444
|
||||
'@vue/cli-shared-utils': 4.5.13
|
||||
eslint: 6.8.0
|
||||
eslint-loader: 2.2.1_eslint@6.8.0+webpack@4.46.0
|
||||
@@ -1592,7 +1602,7 @@ packages:
|
||||
peerDependencies:
|
||||
'@vue/cli-service': ^3.0.0 || ^4.0.0-0
|
||||
dependencies:
|
||||
'@vue/cli-service': 4.5.13_@vue+compiler-sfc@3.2.19
|
||||
'@vue/cli-service': 4.5.13_0c7cfb9d6b60c37eed7038267d6bc444
|
||||
'@vue/cli-shared-utils': 4.5.13
|
||||
dev: true
|
||||
|
||||
@@ -1601,10 +1611,10 @@ packages:
|
||||
peerDependencies:
|
||||
'@vue/cli-service': ^3.0.0 || ^4.0.0-0
|
||||
dependencies:
|
||||
'@vue/cli-service': 4.5.13_@vue+compiler-sfc@3.2.19
|
||||
'@vue/cli-service': 4.5.13_0c7cfb9d6b60c37eed7038267d6bc444
|
||||
dev: true
|
||||
|
||||
/@vue/cli-service/4.5.13_@vue+compiler-sfc@3.2.19:
|
||||
/@vue/cli-service/4.5.13_0c7cfb9d6b60c37eed7038267d6bc444:
|
||||
resolution: {integrity: sha512-CKAZN4iokMMsaUyJRU22oUAz3oS/X9sVBSKAF2/shFBV5xh3jqAlKl8OXZYz4cXGFLA6djNuYrniuLAo7Ku97A==}
|
||||
engines: {node: '>=8'}
|
||||
hasBin: true
|
||||
@@ -1677,6 +1687,7 @@ packages:
|
||||
pnp-webpack-plugin: 1.7.0
|
||||
portfinder: 1.0.28
|
||||
postcss-loader: 3.0.0
|
||||
sass-loader: 12.1.0
|
||||
ssri: 8.0.1
|
||||
terser-webpack-plugin: 1.4.5_webpack@4.46.0
|
||||
thread-loader: 2.1.3_webpack@4.46.0
|
||||
@@ -2420,6 +2431,14 @@ packages:
|
||||
resolution: {integrity: sha1-aN/1++YMUes3cl6p4+0xDcwed24=}
|
||||
dev: true
|
||||
|
||||
/bootstrap/5.1.1_@popperjs+core@2.10.2:
|
||||
resolution: {integrity: sha512-/jUa4sSuDZWlDLQ1gwQQR8uoYSvLJzDd8m5o6bPKh3asLAMYVZKdRCjb1joUd5WXf0WwCNzd2EjwQQhupou0dA==}
|
||||
peerDependencies:
|
||||
'@popperjs/core': ^2.10.1
|
||||
dependencies:
|
||||
'@popperjs/core': 2.10.2
|
||||
dev: false
|
||||
|
||||
/brace-expansion/1.1.11:
|
||||
resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
|
||||
dependencies:
|
||||
@@ -5448,6 +5467,11 @@ packages:
|
||||
engines: {node: '>=0.10.0'}
|
||||
dev: true
|
||||
|
||||
/klona/2.0.4:
|
||||
resolution: {integrity: sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA==}
|
||||
engines: {node: '>= 8'}
|
||||
dev: true
|
||||
|
||||
/launch-editor-middleware/2.2.1:
|
||||
resolution: {integrity: sha512-s0UO2/gEGiCgei3/2UN3SMuUj1phjQN8lcpnvgLSz26fAzNWPQ6Nf/kF5IFClnfU2ehp6LrmKdMU/beveO+2jg==}
|
||||
dependencies:
|
||||
@@ -7310,6 +7334,26 @@ packages:
|
||||
resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
|
||||
dev: true
|
||||
|
||||
/sass-loader/12.1.0:
|
||||
resolution: {integrity: sha512-FVJZ9kxVRYNZTIe2xhw93n3xJNYZADr+q69/s98l9nTCrWASo+DR2Ot0s5xTKQDDEosUkatsGeHxcH4QBp5bSg==}
|
||||
engines: {node: '>= 12.13.0'}
|
||||
peerDependencies:
|
||||
fibers: '>= 3.1.0'
|
||||
node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0
|
||||
sass: ^1.3.0
|
||||
webpack: ^5.0.0
|
||||
peerDependenciesMeta:
|
||||
fibers:
|
||||
optional: true
|
||||
node-sass:
|
||||
optional: true
|
||||
sass:
|
||||
optional: true
|
||||
dependencies:
|
||||
klona: 2.0.4
|
||||
neo-async: 2.6.2
|
||||
dev: true
|
||||
|
||||
/sax/1.2.4:
|
||||
resolution: {integrity: sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==}
|
||||
dev: true
|
||||
|
27
src/App.vue
27
src/App.vue
@@ -1,30 +1,3 @@
|
||||
<template>
|
||||
<div id="nav">
|
||||
<router-link to="/">Home</router-link> |
|
||||
<router-link to="/about">About</router-link>
|
||||
</div>
|
||||
<router-view/>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
#app {
|
||||
font-family: Avenir, Helvetica, Arial, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-align: center;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
#nav {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
#nav a {
|
||||
font-weight: bold;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
#nav a.router-link-exact-active {
|
||||
color: #42b983;
|
||||
}
|
||||
</style>
|
||||
|
Binary file not shown.
Before Width: | Height: | Size: 6.7 KiB |
@@ -1,60 +0,0 @@
|
||||
<template>
|
||||
<div class="hello">
|
||||
<h1>{{ msg }}</h1>
|
||||
<p>
|
||||
For a guide and recipes on how to configure / customize this project,<br>
|
||||
check out the
|
||||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
|
||||
</p>
|
||||
<h3>Installed CLI Plugins</h3>
|
||||
<ul>
|
||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
|
||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
|
||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank" rel="noopener">vuex</a></li>
|
||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
|
||||
</ul>
|
||||
<h3>Essential Links</h3>
|
||||
<ul>
|
||||
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
|
||||
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
|
||||
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
|
||||
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
|
||||
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
|
||||
</ul>
|
||||
<h3>Ecosystem</h3>
|
||||
<ul>
|
||||
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
|
||||
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
|
||||
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
|
||||
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
|
||||
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'HelloWorld',
|
||||
props: {
|
||||
msg: String
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped>
|
||||
h3 {
|
||||
margin: 40px 0 0;
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
}
|
||||
a {
|
||||
color: #42b983;
|
||||
}
|
||||
</style>
|
@@ -7,14 +7,6 @@ const routes = [
|
||||
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({
|
||||
|
@@ -1,5 +0,0 @@
|
||||
<template>
|
||||
<div class="about">
|
||||
<h1>This is an about page</h1>
|
||||
</div>
|
||||
</template>
|
@@ -1,18 +1,3 @@
|
||||
<template>
|
||||
<div class="home">
|
||||
<img alt="Vue logo" src="../assets/logo.png">
|
||||
<HelloWorld msg="Welcome to Your Vue.js App"/>
|
||||
</div>
|
||||
Home
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// @ is an alias to /src
|
||||
import HelloWorld from '@/components/HelloWorld.vue'
|
||||
|
||||
export default {
|
||||
name: 'Home',
|
||||
components: {
|
||||
HelloWorld
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user