feat(home): add homepage with vuetify

This commit is contained in:
2020-01-13 22:53:50 +01:00
parent c66a182785
commit e0e6988d97
5 changed files with 60 additions and 2 deletions

14
package-lock.json generated
View File

@@ -10916,6 +10916,20 @@
"integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==", "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
"dev": true "dev": true
}, },
"vuetify": {
"version": "2.2.3",
"resolved": "https://registry.npmjs.org/vuetify/-/vuetify-2.2.3.tgz",
"integrity": "sha512-qAnNEk01sZGnV36d2b/8EQahvnqwxP5Mfii1G5hUOXUCLCNRbqwn7G419zR/2KxskCU0pmgnYaVA8KsL2oBYFw=="
},
"vuetify-loader": {
"version": "1.4.3",
"resolved": "https://registry.npmjs.org/vuetify-loader/-/vuetify-loader-1.4.3.tgz",
"integrity": "sha512-fS0wRil682Ebsj2as+eruBoMPKaQYDhu/fDAndnTItzSY4RK4LOEIsssVL4vD6QY8dvUgoGL84SUQ6vGr777CA==",
"dev": true,
"requires": {
"loader-utils": "^1.2.0"
}
},
"watchpack": { "watchpack": {
"version": "1.6.0", "version": "1.6.0",
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz",

View File

@@ -8,7 +8,8 @@
}, },
"dependencies": { "dependencies": {
"core-js": "^3.4.4", "core-js": "^3.4.4",
"vue": "^2.6.10" "vue": "^2.6.10",
"vuetify": "^2.1.0"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "^4.1.0", "@vue/cli-plugin-babel": "^4.1.0",
@@ -20,7 +21,8 @@
"sass": "^1.19.0", "sass": "^1.19.0",
"sass-loader": "^8.0.0", "sass-loader": "^8.0.0",
"vue-cli-plugin-vuetify": "^2.0.3", "vue-cli-plugin-vuetify": "^2.0.3",
"vue-template-compiler": "^2.6.10" "vue-template-compiler": "^2.6.10",
"vuetify-loader": "^1.3.0"
}, },
"eslintConfig": { "eslintConfig": {
"root": true, "root": true,

25
src/App.vue Normal file
View File

@@ -0,0 +1,25 @@
<template>
<v-app>
<v-app-bar app color="primary" dark>
Open Speechless
</v-app-bar>
<v-content>
</v-content>
</v-app>
</template>
<script>
export default {
name: 'App',
props: {
source: String,
},
data: () => ({
drawer: null,
}),
components: {
},
};
</script>

10
src/main.js Normal file
View File

@@ -0,0 +1,10 @@
import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify';
Vue.config.productionTip = false
new Vue({
vuetify,
render: h => h(App)
}).$mount('#app')

7
src/plugins/vuetify.js Normal file
View File

@@ -0,0 +1,7 @@
import Vue from 'vue';
import Vuetify from 'vuetify/lib';
Vue.use(Vuetify);
export default new Vuetify({
});