Initial commit. Add application skeleton

src/App.vue

@@ -0,0 +1,23 @@
+<template>
+  <v-app>
+    <app-header></app-header>
+
+    <v-content>
+      <router-view/>
+    </v-content>
+
+    <app-footer></app-footer>
+  </v-app>
+</template>
+
+<script>
+  import AppHeader from '@/components/AppHeader';
+  import AppFooter from '@/components/AppFooter';
+
+  export default {
+    components: {
+      AppHeader,
+      AppFooter,
+    }
+  };
+</script>

src/components/AppFooter.vue

@@ -0,0 +1,15 @@
+<template>
+    <div>
+        <v-footer :fixed="true" app>
+            <span>
+                Ich Lerne Deutsch &copy;2018
+            </span>
+        </v-footer>
+    </div>
+</template>
+
+
+<script>
+    export default {
+    };
+</script>

src/components/AppHeader.vue

@@ -0,0 +1,78 @@
+<template>
+    <div>
+        <v-navigation-drawer absolute temporary app v-model="drawer" class="hidden-md-and-up">
+            <v-list>
+                <v-list-tile v-for="(item, i) in menuItems" :key="`drawer-item-${i}`">
+                    <v-list-tile-action>
+                        <v-icon left v-html="item.icon"></v-icon>
+                    </v-list-tile-action>
+                    <v-list-tile-content>
+                            <v-list-tile-title v-text="item.title"></v-list-tile-title> 
+                    </v-list-tile-content>
+                </v-list-tile>
+            </v-list>
+        </v-navigation-drawer>
+        <v-toolbar app dark class="primary">
+            <v-toolbar-side-icon @click.stop="drawer = !drawer;" class="hidden-md-and-up"></v-toolbar-side-icon>
+            <router-link to="/" tag="span" style="cursor: pointer;">
+                <v-toolbar-title v-text="'Dannc Ich Lerne Deutsch'"></v-toolbar-title>
+            </router-link>
+            <v-spacer></v-spacer>
+            <v-toolbar-items class="hidden-sm-and-down">
+                <v-btn v-for="(item, i) in menuItems" flat :key="`menuitem-${i}`" :to="item.route">
+                    <v-icon left v-html="item.icon"></v-icon>
+                    {{item.title}}
+                </v-btn>
+            </v-toolbar-items>
+        </v-toolbar>
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                drawer: false,
+            };
+        },
+        computed: {
+            menuItems() {
+                return [
+                    {
+                        icon: 'visibility',
+                        title: 'Статьи',
+                        route: '/articles',
+                    },
+                    {
+                        icon: 'extension',
+                        title: 'Учить слова',
+                        route: '/words',
+                    },
+                    {
+                        icon: 'account_circle',
+                        title: 'Мой профиль',
+                        route: '/profile',
+                    },
+                    {
+                        icon: 'exit_to_app',
+                        title: 'Выйти',
+                        route: '/sign_out',
+                    },
+                    {
+                        icon: 'input',
+                        title: 'Войти',
+                        route: '/sign_in',
+                    },
+                    {
+                        icon: 'lock_open',
+                        title: 'Регистрация',
+                        route: '/sign_up',
+                    },
+                ];
+            }
+        },
+    };
+</script>
+
+<style scoped>
+</style>

src/main.js

@@ -0,0 +1,18 @@
+import Vue from 'vue';
+import Vuetify from 'vuetify';
+
+import 'vuetify/dist/vuetify.min.css';
+import 'material-design-icons-iconfont/dist/material-design-icons.css';
+
+import App from './App.vue';
+import router from './router';
+import store from './store';
+
+Vue.config.productionTip = false;
+Vue.use(Vuetify);
+
+new Vue({
+  router,
+  store,
+  render: h => h(App)
+}).$mount('#app');

src/router.js

@@ -0,0 +1,41 @@
+import Vue from 'vue';
+import Router from 'vue-router';
+import Home from '@/views/Home';
+
+Vue.use(Router);
+
+export default new Router({
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: Home
+    },
+    {
+      path: '/articles',
+      name: 'articles',
+      component: () => import(/* webpackChunkName: "articles" */ '@/views/Articles.vue'),
+    },
+    {
+      path: '/words',
+      name: 'words',
+      component: () => import(/* webpackChunkName: "words" */ '@/views/Words.vue'),
+    },
+    {
+      path: '/profile',
+      name: 'profile',
+      component: () => import(/* webpackChunkName: "words" */ '@/views/Profile.vue'),
+    },
+    {
+      path: '/sign_in',
+      name: 'signIn',
+      component: () => import(/* webpackChunkName: "sign_in" */ '@/views/SignIn.vue'),
+    },
+    {
+      path: '/sign_up',
+      name: 'signUp',
+      component: () => import(/* webpackChunkName: "sign_up" */ '@/views/SignUp.vue'),
+    },
+  ],
+  mode: 'history',
+});

src/store.js

@@ -0,0 +1,16 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state: {
+
+  },
+  mutations: {
+
+  },
+  actions: {
+
+  }
+})

src/views/Articles.vue

@@ -0,0 +1,11 @@
+<template>
+    <div>
+        <h2>Articles</h2>
+    </div>
+</template>
+
+
+<script>
+    export default {
+    };
+</script>

src/views/Home.vue

@@ -0,0 +1,11 @@
+<template>
+</template>
+
+<script>
+
+export default {
+  name: 'home',
+  components: {
+  }
+}
+</script>

src/views/Profile.vue

@@ -0,0 +1,12 @@
+<template>
+    <div>
+        <h2>Profile</h2>
+    </div>
+</template>
+
+
+<script>
+    export default {
+      
+    }
+</script>

src/views/SignIn.vue

@@ -0,0 +1,12 @@
+<template>
+    <div>
+        <h2>Sign-in</h2>
+    </div>
+</template>
+
+
+<script>
+    export default {
+      
+    }
+</script>

src/views/SignUp.vue

@@ -0,0 +1,12 @@
+<template>
+    <div>
+        <h2>Sign-up</h2>
+    </div>
+</template>
+
+
+<script>
+    export default {
+      
+    }
+</script>

src/views/Words.vue

@@ -0,0 +1,12 @@
+<template>
+    <div>
+        <h2>Words</h2>
+    </div>
+</template>
+
+
+<script>
+    export default {
+      
+    }
+</script>