5 files modified, 6 added, 2 deleted

Author: imtomq

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /dist
+package-lock.json
 
 
 # local env files

ConfigurationReference.md

@@ -1,19 +1,15 @@
 {
  "compilerOptions": {
- "target": "es5",
- "module": "esnext",
+ // Let's you can set a base directory to resolve non-absolute modules name.
+ // You can define a root folder where you can do absolute file
  "baseUrl": "./",
- "moduleResolution": "node",
  "paths": {
- "@/*": [
- "src/*"
- ]
- },
- "lib": [
- "esnext",
- "dom",
- "dom.iterable",
- "scripthost"
- ]
- }
+ "views/*": ["src/views/*"],
+ "router/*": ["./src/router/*"],
+ "components": ["./src/components/*"],
+ "layouts": ["./src/layouts/*"]
+ }
+ },
+ "include": ["src"],
+ "exclude": ["node_modules"]
 }

Development.md

@@ -1,6 +1,6 @@
 <template>
  <div id="nav">
- <router-link to="/" class="text-3xl">Login</router-link> |
+ <router-link to="/login">Login</router-link> |
  <router-link to="/">Home</router-link> |
  <router-link to="/about">About</router-link> |
  <router-link to="/news">News (requires auth)</router-link>

jsconfig.json

@@ -0,0 +1 @@
+.

src/App.vue

@@ -0,0 +1,8 @@
+<template>
+ <h1>Menu</h1>
+</template>
+<script>
+export default {
+ name: 'Menu',
+};
+</script>

src/components/example

@@ -0,0 +1,11 @@
+<template>
+ <h1>Navigation</h1>
+ <menu />
+</template>
+<script>
+import Menu from 'Menu';
+export default {
+ name: 'Navigation',
+ components: { Menu },
+};
+</script>

src/layouts/frames/Menu.vue

@@ -0,0 +1 @@
+.

src/layouts/frames/Navigation.vue

@@ -6,6 +6,8 @@ import News from '../views/News.vue';
 import NotFound from '../views/NotFound.vue';
 import Forbidden from '../views/Forbidden.vue';
 
+import Login from '../views/Login.vue';
+
 const SUB_PATH = process.env.NODE_ENV === 'production' ? '/' : 'development';
 
 const routes = [
@@ -33,6 +35,14 @@ const routes = [
  requiresAuth: true,
  },
  },
+ {
+ path: '/login',
+ name: 'Login',
+ component: Login,
+ meta: {
+ requiresAuth: false,
+ },
+ },
  {
  path: '/:pathMatch(.*)*',
  name: 'NotFound',