Initial Commit

This commit is contained in:
cnachtigall1991
2021-10-04 14:55:45 +02:00
parent 88881d0486
commit 27edfd0cfe
8 changed files with 55 additions and 123 deletions

View File

@@ -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
View File

@@ -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

View File

@@ -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

View File

@@ -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>

View File

@@ -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({

View File

@@ -1,5 +0,0 @@
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>

View File

@@ -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>