diff --git a/apps/web/public/index.html b/apps/web/public/index.html index 37377e9..72f3eab 100644 --- a/apps/web/public/index.html +++ b/apps/web/public/index.html @@ -9,10 +9,10 @@
diff --git a/apps/web/src/App.vue b/apps/web/src/App.vue deleted file mode 100644 index ae8f0a8..0000000 --- a/apps/web/src/App.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - diff --git a/apps/web/src/app.vue b/apps/web/src/app.vue new file mode 100644 index 0000000..48746a4 --- /dev/null +++ b/apps/web/src/app.vue @@ -0,0 +1,14 @@ + + + + + diff --git a/apps/web/src/layout/default.vue b/apps/web/src/layout/default.vue new file mode 100644 index 0000000..e91de0c --- /dev/null +++ b/apps/web/src/layout/default.vue @@ -0,0 +1,8 @@ + diff --git a/apps/web/src/layout/header.vue b/apps/web/src/layout/header.vue new file mode 100644 index 0000000..67a7fe1 --- /dev/null +++ b/apps/web/src/layout/header.vue @@ -0,0 +1,39 @@ + diff --git a/apps/web/src/layout/index.ts b/apps/web/src/layout/index.ts new file mode 100644 index 0000000..c85b65f --- /dev/null +++ b/apps/web/src/layout/index.ts @@ -0,0 +1,6 @@ +import Vue from 'vue'; +import LayoutDefault from './default.vue'; +import AppHeader from './header.vue'; + +Vue.component('layout-default', LayoutDefault); +Vue.component('app-header', AppHeader); diff --git a/apps/web/src/main.ts b/apps/web/src/main.ts index 582138b..7264354 100644 --- a/apps/web/src/main.ts +++ b/apps/web/src/main.ts @@ -1,12 +1,14 @@ +import BootstrapVue from 'bootstrap-vue'; import Vue from 'vue'; -import App from './App.vue'; +import App from './app.vue'; import './registerServiceWorker'; import router from './router'; import store from './store'; -import './styles/index.scss'; Vue.config.productionTip = false; +Vue.use(BootstrapVue); + new Vue({ router, store, diff --git a/apps/web/src/router/index.ts b/apps/web/src/router/index.ts index 86cd54f..4e685f8 100644 --- a/apps/web/src/router/index.ts +++ b/apps/web/src/router/index.ts @@ -1,6 +1,6 @@ import Vue from 'vue'; import VueRouter from 'vue-router'; -import Home from '../views/Home.vue'; +import Home from '../views/home.vue'; Vue.use(VueRouter); @@ -16,7 +16,7 @@ const routes = [ // 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'), + component: () => import(/* webpackChunkName: "about" */ '../views/about.vue'), }, ]; diff --git a/apps/web/src/styles/_app.scss b/apps/web/src/styles/_app.scss new file mode 100644 index 0000000..ecad1e2 --- /dev/null +++ b/apps/web/src/styles/_app.scss @@ -0,0 +1 @@ +@import 'app/layout'; diff --git a/apps/web/src/styles/app/_layout.scss b/apps/web/src/styles/app/_layout.scss new file mode 100644 index 0000000..b9af91a --- /dev/null +++ b/apps/web/src/styles/app/_layout.scss @@ -0,0 +1,5 @@ +html, +body, +.layout { + height: 100%; +} diff --git a/apps/web/src/styles/index.scss b/apps/web/src/styles/index.scss index fd447ec..9f026e8 100644 --- a/apps/web/src/styles/index.scss +++ b/apps/web/src/styles/index.scss @@ -1,2 +1,3 @@ @import 'variables'; @import 'vendors'; +@import 'app'; diff --git a/apps/web/src/views/About.vue b/apps/web/src/views/About.vue deleted file mode 100644 index 3fa2807..0000000 --- a/apps/web/src/views/About.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/apps/web/src/views/about.vue b/apps/web/src/views/about.vue new file mode 100644 index 0000000..6fadcfa --- /dev/null +++ b/apps/web/src/views/about.vue @@ -0,0 +1,7 @@ + diff --git a/apps/web/src/views/Home.vue b/apps/web/src/views/home.vue similarity index 78% rename from apps/web/src/views/Home.vue rename to apps/web/src/views/home.vue index 298ab13..d872992 100644 --- a/apps/web/src/views/Home.vue +++ b/apps/web/src/views/home.vue @@ -1,11 +1,11 @@ -