diff --git a/customer-vue/README.md b/customer-vue/README.md new file mode 100644 index 0000000..851f2be --- /dev/null +++ b/customer-vue/README.md @@ -0,0 +1,29 @@ +# customer-vue + +## Project setup +``` +npm install +``` + +### Compiles and hot-reloads for development +``` +npm run serve +``` + +### Compiles and minifies for production +``` +npm run build +``` + +### Run your tests +``` +npm run test +``` + +### Lints and fixes files +``` +npm run lint +``` + +### Customize configuration +See [Configuration Reference](https://cli.vuejs.org/config/). diff --git a/customer-vue/babel.config.js b/customer-vue/babel.config.js new file mode 100644 index 0000000..e955840 --- /dev/null +++ b/customer-vue/babel.config.js @@ -0,0 +1,5 @@ +module.exports = { + presets: [ + '@vue/cli-plugin-babel/preset' + ] +} diff --git a/customer-vue/jsconfig.json b/customer-vue/jsconfig.json new file mode 100644 index 0000000..4aafc5f --- /dev/null +++ b/customer-vue/jsconfig.json @@ -0,0 +1,19 @@ +{ + "compilerOptions": { + "target": "es5", + "module": "esnext", + "baseUrl": "./", + "moduleResolution": "node", + "paths": { + "@/*": [ + "src/*" + ] + }, + "lib": [ + "esnext", + "dom", + "dom.iterable", + "scripthost" + ] + } +} diff --git a/customer-vue/package.json b/customer-vue/package.json new file mode 100644 index 0000000..5dba678 --- /dev/null +++ b/customer-vue/package.json @@ -0,0 +1,45 @@ +{ + "name": "customer-vue", + "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.8.3", + "vue": "^2.6.14", + "vue-router": "^3.5.3", + "vuetify": "^2.6.3" + }, + "devDependencies": { + "@babel/core": "^7.12.16", + "@babel/eslint-parser": "^7.12.16", + "@vue/cli-plugin-babel": "^5.0.0", + "@vue/cli-plugin-eslint": "^5.0.0", + "@vue/cli-service": "^5.0.0", + "eslint": "^7.32.0", + "eslint-plugin-vue": "^8.0.3", + "vue-template-compiler": "^2.6.14" + }, + "eslintConfig": { + "root": true, + "env": { + "node": true + }, + "extends": [ + "plugin:vue/essential", + "eslint:recommended" + ], + "parserOptions": { + "parser": "@babel/eslint-parser" + }, + "rules": {} + }, + "browserslist": [ + "> 1%", + "last 2 versions", + "not dead" + ] +} diff --git a/customer-vue/public/favicon.ico b/customer-vue/public/favicon.ico new file mode 100644 index 0000000..df36fcf Binary files /dev/null and b/customer-vue/public/favicon.ico differ diff --git a/customer-vue/public/index.html b/customer-vue/public/index.html new file mode 100644 index 0000000..4a77c30 --- /dev/null +++ b/customer-vue/public/index.html @@ -0,0 +1,19 @@ + + + + + + + + <%= htmlWebpackPlugin.options.title %> + + + + + +
+ + + diff --git a/customer-vue/src/App.vue b/customer-vue/src/App.vue new file mode 100644 index 0000000..b8e0690 --- /dev/null +++ b/customer-vue/src/App.vue @@ -0,0 +1,12 @@ + + + + + diff --git a/customer-vue/src/assets/logo.png b/customer-vue/src/assets/logo.png new file mode 100644 index 0000000..f3d2503 Binary files /dev/null and b/customer-vue/src/assets/logo.png differ diff --git a/customer-vue/src/components/HelloWorld.vue b/customer-vue/src/components/HelloWorld.vue new file mode 100644 index 0000000..879051a --- /dev/null +++ b/customer-vue/src/components/HelloWorld.vue @@ -0,0 +1,58 @@ + + + + + + diff --git a/customer-vue/src/main.js b/customer-vue/src/main.js new file mode 100644 index 0000000..5e20f20 --- /dev/null +++ b/customer-vue/src/main.js @@ -0,0 +1,12 @@ +import Vue from 'vue'; +import App from './App.vue'; +import vuetify from "@/plugins/vuetify"; +import router from "./router/router.js"; + +Vue.config.productionTip = false + +new Vue({ + vuetify, + router, + render: h => h(App), +}).$mount('#app') diff --git a/customer-vue/src/plugins/vuetify.js b/customer-vue/src/plugins/vuetify.js new file mode 100644 index 0000000..baa30c2 --- /dev/null +++ b/customer-vue/src/plugins/vuetify.js @@ -0,0 +1,9 @@ +import Vue from 'vue'; +import Vuetify from 'vuetify'; +import 'vuetify/dist/vuetify.min.css'; + +Vue.use(Vuetify); + +const opts = {}; + +export default new Vuetify(opts); \ No newline at end of file diff --git a/customer-vue/src/router/router.js b/customer-vue/src/router/router.js new file mode 100644 index 0000000..c621f62 --- /dev/null +++ b/customer-vue/src/router/router.js @@ -0,0 +1,29 @@ +import Vue from 'vue'; +import VueRouter from 'vue-router'; + +import HomeLayout from '../views/Layout/HomeLayout.vue'; + +Vue.use(VueRouter); + +const routes = [ + { + path: '/', + redirect: 'home', + component: HomeLayout, + children: [ + { + path: "/home", + name: 'home', + component: () => import('../views/HomeView') + } + ] + } +] + +const router = new VueRouter({ + mode: 'history', + base: process.env.BASE_URL, + routes +}); + +export default router; \ No newline at end of file diff --git a/customer-vue/src/views/HomeView.vue b/customer-vue/src/views/HomeView.vue new file mode 100644 index 0000000..55f0e20 --- /dev/null +++ b/customer-vue/src/views/HomeView.vue @@ -0,0 +1,16 @@ + + + + + \ No newline at end of file diff --git a/customer-vue/src/views/Layout/AppNavigation.vue b/customer-vue/src/views/Layout/AppNavigation.vue new file mode 100644 index 0000000..999493b --- /dev/null +++ b/customer-vue/src/views/Layout/AppNavigation.vue @@ -0,0 +1,23 @@ + + + + + \ No newline at end of file diff --git a/customer-vue/src/views/Layout/BottomNavigation.vue b/customer-vue/src/views/Layout/BottomNavigation.vue new file mode 100644 index 0000000..8ddb8c2 --- /dev/null +++ b/customer-vue/src/views/Layout/BottomNavigation.vue @@ -0,0 +1,43 @@ + + + + + \ No newline at end of file diff --git a/customer-vue/src/views/Layout/HomeLayout.vue b/customer-vue/src/views/Layout/HomeLayout.vue new file mode 100644 index 0000000..2b53590 --- /dev/null +++ b/customer-vue/src/views/Layout/HomeLayout.vue @@ -0,0 +1,28 @@ + + + + + \ No newline at end of file diff --git a/customer-vue/vue.config.js b/customer-vue/vue.config.js new file mode 100644 index 0000000..5b768af --- /dev/null +++ b/customer-vue/vue.config.js @@ -0,0 +1,3 @@ +module.exports = { + transpileDependencies: true +}