├── .browserslistrc
├── .eslintrc.js
├── .gitignore
├── README.md
├── babel.config.js
├── package.json
├── public
    ├── favicon.ico
    └── index.html
├── src
    ├── App.vue
    ├── assets
    │   └── logo.png
    ├── main.js
    ├── modules
    │   └── daybook
    │   │   ├── components
    │   │       ├── Entry.vue
    │   │       ├── EntryList.vue
    │   │       ├── Fab.vue
    │   │       └── Navbar.vue
    │   │   ├── layouts
    │   │       └── DayBookLayout.vue
    │   │   ├── router
    │   │       └── index.js
    │   │   ├── store
    │   │       └── journal
    │   │       │   ├── actions.js
    │   │       │   ├── getters.js
    │   │       │   ├── index.js
    │   │       │   ├── mutations.js
    │   │       │   └── state.js
    │   │   └── views
    │   │       ├── EntryView.vue
    │   │       └── NoEntrySelected.vue
    ├── router
    │   └── index.js
    ├── store
    │   ├── index.js
    │   └── module-template
    │   │   ├── actions.js
    │   │   ├── getters.js
    │   │   ├── index.js
    │   │   ├── mutations.js
    │   │   └── state.js
    ├── styles
    │   └── styles.scss
    └── views
    │   ├── About.vue
    │   └── Home.vue
└── yarn.lock


/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 | not dead
4 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   env: {
 4 |     node: true
 5 |   },
 6 |   'extends': [
 7 |     'plugin:vue/vue3-essential',
 8 |     'eslint:recommended'
 9 |   ],
10 |   parserOptions: {
11 |     parser: 'babel-eslint'
12 |   },
13 |   rules: {
14 |     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
15 |     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | 
 6 | # local env files
 7 | .env.local
 8 | .env.*.local
 9 | 
10 | # Log files
11 | npm-debug.log*
12 | yarn-debug.log*
13 | yarn-error.log*
14 | pnpm-debug.log*
15 | 
16 | # Editor directories and files
17 | .idea
18 | .vscode
19 | *.suo
20 | *.ntvs*
21 | *.njsproj
22 | *.sln
23 | *.sw?
24 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # journal
 2 | 
 3 | ## Project setup
 4 | ```
 5 | yarn install
 6 | ```
 7 | 
 8 | ### Compiles and hot-reloads for development
 9 | ```
10 | yarn serve
11 | ```
12 | 
13 | ### Compiles and minifies for production
14 | ```
15 | yarn build
16 | ```
17 | 
18 | ### Lints and fixes files
19 | ```
20 | yarn lint
21 | ```
22 | 
23 | ### Customize configuration
24 | See [Configuration Reference](https://cli.vuejs.org/config/).
25 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/cli-plugin-babel/preset'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "journal",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build",
 8 |     "lint": "vue-cli-service lint"
 9 |   },
10 |   "dependencies": {
11 |     "bootstrap": "^5.0.2",
12 |     "core-js": "^3.6.5",
13 |     "vue": "^3.0.0",
14 |     "vue-router": "^4.0.0-0",
15 |     "vuex": "^4.0.2"
16 |   },
17 |   "devDependencies": {
18 |     "@vue/cli-plugin-babel": "~4.5.0",
19 |     "@vue/cli-plugin-eslint": "~4.5.0",
20 |     "@vue/cli-plugin-router": "~4.5.0",
21 |     "@vue/cli-service": "~4.5.0",
22 |     "@vue/compiler-sfc": "^3.0.0",
23 |     "babel-eslint": "^10.1.0",
24 |     "eslint": "^6.7.2",
25 |     "eslint-plugin-vue": "^7.0.0",
26 |     "sass": "^1.35.2",
27 |     "sass-loader": "10"
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Klerith/vue-journal-vuex/2ebf8cdc4b5352f18141bf7ee80dd0636524e5aa/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title><%= htmlWebpackPlugin.options.title %></title>
 9 |     
10 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
11 |   </head>
12 |   <body>
13 |     <noscript>
14 |       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
15 |     </noscript>
16 |     <div id="app"></div>
17 |     <!-- built files will be auto injected -->
18 |   </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <router-view/>
3 | </template>
4 | 
5 | 


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Klerith/vue-journal-vuex/2ebf8cdc4b5352f18141bf7ee80dd0636524e5aa/src/assets/logo.png


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import { createApp } from 'vue'
 2 | import App from './App.vue'
 3 | import router from './router'
 4 | import store from './store'
 5 | 
 6 | import './styles/styles.scss'
 7 | 
 8 | createApp(App)
 9 |     .use( store )
10 |     .use( router )
11 |     .mount('#app')
12 | 


--------------------------------------------------------------------------------
/src/modules/daybook/components/Entry.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div
 3 |     class="entry-container mb-3 pointer p-2"
 4 |     @click="$router.push({ name: 'entry', params: { id: 10 }})"
 5 |   >
 6 |       <!-- Titilo -->
 7 |       <div class="entry-title d-flex">
 8 |           <span class="text-success fs-5 fw-bold">15</span>
 9 |           <span class="mx-1 fs-5">Julio</span>
10 |           <span class="mx-2 fw-light">2021, jueves</span>
11 |       </div>
12 | 
13 |       <div class="entry-description">
14 |           Commodo cillum mollit anim ut anim cillum nulla ex commodo ipsum reprehenderit. Quis ipsum non anim excepteur velit minim tempor cillum in. Est duis cupidatat laboris ad exercitation ex pariatur proident ut. Non ex adipisicing consectetur et in tempor laboris tempor dolore occaecat ad aliquip Lorem.
15 |       </div>
16 |   </div>
17 | </template>
18 | 
19 | <script>
20 | export default {
21 | 
22 | }
23 | </script>
24 | 
25 | <style lang="scss" scoped>
26 | .entry-container {
27 |     border-bottom: 1px solid #2c3e50;
28 |     transition: 0.2s all ease-in;
29 | 
30 |     &:hover {
31 |         background-color: lighten($color: grey, $amount: 45);
32 |         transition: 0.2s all ease-in;
33 |     }
34 | 
35 |     .entry-description {
36 |         font-size: 12px;
37 |     }
38 | }
39 | 
40 | </style>


--------------------------------------------------------------------------------
/src/modules/daybook/components/EntryList.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="entry-list-container">
 3 |       <div class="px-2 pt-2">
 4 |           <input 
 5 |             type="text"
 6 |             class="form-control"
 7 |             placeholder="Buscar entrada"
 8 |           />
 9 |       </div>
10 | 
11 |       <div class="entry-scrollarea">
12 |           <Entry
13 |             v-for="item in 100"
14 |             :key="item"
15 |           />
16 |       </div>
17 |   </div>
18 | </template>
19 | 
20 | <script>
21 | import { defineAsyncComponent } from 'vue'
22 | 
23 | export default {
24 |   components: {
25 |     Entry: defineAsyncComponent(() => import('./Entry.vue'))
26 |   },
27 | }
28 | </script>
29 | 
30 | 
31 | 
32 | <style lang="scss" scoped>
33 | .entry-list-container{
34 |     border-right: 1px solid #2c3e50;
35 |     height: calc( 100vh - 56px );
36 | }
37 | 
38 | .entry-scrollarea{
39 |     height: calc( 100vh - 110px );
40 |     overflow: scroll;
41 | }
42 | </style>
43 | 


--------------------------------------------------------------------------------
/src/modules/daybook/components/Fab.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <button class="btn btn-primary">
 3 |       <i class="fa fa-2x"
 4 |           :class="icon"
 5 |       ></i>
 6 |   </button>
 7 | </template>
 8 | 
 9 | 
10 | <script>
11 | export default {
12 |   props: {
13 |     icon: {
14 |       type: String,
15 |       default: 'fa-plus'
16 |     }
17 |   }
18 | }
19 | </script>
20 | 
21 | <style lang="scss" scoped>
22 | 
23 | button {
24 |     border-radius: 100%;
25 |     bottom: 20px;
26 |     height: 80px;
27 |     position: fixed;
28 |     right: 20px;
29 |     width: 80px;
30 | }
31 | 
32 | </style>


--------------------------------------------------------------------------------
/src/modules/daybook/components/Navbar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <nav class="navbar bg-primary">
 3 |         <a class="navbar-brand text-white">
 4 |             <img src="@/assets/logo.png" 
 5 |                  alt="Vue Logo"
 6 |                  height="24"
 7 |                  class="d-inline-block align-text-top mx-2">
 8 | 
 9 |             Daybook
10 |         </a>
11 | 
12 | 
13 |         <div class="d-flex">
14 |             <button class="btn btn-outline-info mx-2">
15 |                 <i class="fa fa-sign-out-alt"></i>
16 |             </button>
17 |         </div>
18 |     </nav>
19 | </template>


--------------------------------------------------------------------------------
/src/modules/daybook/layouts/DayBookLayout.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <Navbar />
 3 | 
 4 |     <div class="d-flex">
 5 |         <div class="col-4">
 6 |             <EntryList />
 7 |         </div>
 8 |         <div class="col">
 9 |             <router-view />
10 |         </div>
11 |     </div>
12 | </template>
13 | 
14 | 
15 | 
16 | <script>
17 | import { defineAsyncComponent } from 'vue'
18 | 
19 | export default {
20 |     components: {
21 |         Navbar: defineAsyncComponent(() => import('../components/Navbar.vue')),
22 |         EntryList: defineAsyncComponent(() => import('../components/EntryList.vue')),
23 |     }
24 | }
25 | </script>


--------------------------------------------------------------------------------
/src/modules/daybook/router/index.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | export default {
 4 | 
 5 |     name: 'daybook',
 6 |     component: () => import(/* webpackChunkName: "daybook" */ '@/modules/daybook/layouts/DayBookLayout.vue'),
 7 |     children: [
 8 |         {
 9 |             path: '',
10 |             name: 'no-entry',
11 |             component: () => import(/* webpackChunkName: "daybook-no-entry" */ '@/modules/daybook/views/NoEntrySelected.vue'),
12 |         },
13 |         {
14 |             path: ':id',
15 |             name: 'entry',
16 |             component: () => import(/* webpackChunkName: "daybook-no-entry" */ '@/modules/daybook/views/EntryView.vue'),
17 |         }
18 |     ]
19 | 
20 | }


--------------------------------------------------------------------------------
/src/modules/daybook/store/journal/actions.js:
--------------------------------------------------------------------------------
 1 | 
 2 | // export const myAction = async ({ commit }) => {
 3 | 
 4 | // }
 5 | 
 6 | export const loadEntries = async (/*{ commit }*/) => {
 7 | 
 8 | }
 9 | 
10 | export const updateEntry = async (/*{ commit }*/) => {
11 | 
12 | }
13 | 
14 | 
15 | export const createEntry = async (/*{ commit }*/) => {
16 | 
17 | }
18 | 


--------------------------------------------------------------------------------
/src/modules/daybook/store/journal/getters.js:
--------------------------------------------------------------------------------
 1 | 
 2 | // export const myGetter = ( state ) => {
 3 | //  return state
 4 | // }
 5 | 
 6 | export const getEntriesByTerm = ( /*state*/ ) => {
 7 | 
 8 | }
 9 | 
10 | export const getEntryById = ( /*state*/ ) => {
11 | 
12 | }
13 | 
14 | 
15 | 
16 | 


--------------------------------------------------------------------------------
/src/modules/daybook/store/journal/index.js:
--------------------------------------------------------------------------------
 1 | 
 2 | import state from './state'
 3 | import * as actions from './actions'
 4 | import * as getters from './getters'
 5 | import * as mutations from './mutations'
 6 | 
 7 | 
 8 | const journalModule = {
 9 |     namespaced: true,
10 |     actions,
11 |     getters,
12 |     mutations,
13 |     state
14 | }
15 | 
16 | 
17 | export default journalModule
18 | 


--------------------------------------------------------------------------------
/src/modules/daybook/store/journal/mutations.js:
--------------------------------------------------------------------------------
 1 | 
 2 | // export const myAction = ( state ) => {
 3 | 
 4 | // }
 5 | 
 6 | export const setEntries = (/* state */ ) => {
 7 | 
 8 | }
 9 | 
10 | export const updateEntry = (/* state */ ) => {
11 | 
12 | }
13 | 
14 | export const addEntry = (/* state */ ) => {
15 | 
16 | }
17 | 


--------------------------------------------------------------------------------
/src/modules/daybook/store/journal/state.js:
--------------------------------------------------------------------------------
 1 | 
 2 | export default () => ({
 3 |     isLoading: true,
 4 |     entries: [
 5 |         {
 6 |             id: new Date().getTime(), // 12371298317892
 7 |             date: new Date().toDateString(), // sat 23, julio
 8 |             text: 'Minim exercitation ad nulla occaecat eiusmod qui enim amet voluptate incididunt esse. Consequat aute cillum laborum in. Est ullamco cillum aute do consequat culpa do non est consequat anim aliqua. Proident nostrud aute sit nisi velit. Tempor officia mollit quis eu aute deserunt laborum est ullamco minim. Do consectetur irure eu dolore reprehenderit dolor qui fugiat aliquip enim qui duis nisi sit. Aliqua velit non nostrud reprehenderit aliquip exercitation anim tempor sint irure aliquip.',
 9 |             picture: null, // https://
10 |         },
11 |         {
12 |             id: new Date().getTime() + 1000, // 12371298317892
13 |             date: new Date().toDateString(), // sat 23, julio
14 |             text: 'Voluptate culpa sit ea nisi labore amet fugiat cupidatat duis culpa ex adipisicing enim quis. Ea aliquip laboris Lorem do irure amet qui fugiat. Officia laboris consectetur sint mollit est est aute mollit ut labore quis id do.',
15 |             picture: null, // https://
16 |         },
17 |         {
18 |             id: new Date().getTime() + 2000, // 12371298317892
19 |             date: new Date().toDateString(), // sat 23, julio
20 |             text: 'Fugiat consequat consectetur deserunt esse labore proident sit cupidatat nisi commodo eiusmod occaecat occaecat. Aute dolore voluptate ut id reprehenderit cupidatat cillum. Duis nisi magna est fugiat ut eu. Veniam consectetur in nulla officia eiusmod qui ad pariatur culpa eiusmod duis sint Lorem sit. Sunt proident veniam culpa labore sit enim ad ad.',
21 |             picture: null, // https://
22 |         },
23 |     ]
24 | })


--------------------------------------------------------------------------------
/src/modules/daybook/views/EntryView.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="entry-title d-flex justify-content-between p-2">
 3 |       
 4 |         <div>
 5 |             <span class="text-success fs-3 fw-bold">15</span>
 6 |             <span class="mx-1 fs-3">Julio</span>
 7 |             <span class="mx-2 fs-4 fw-light">2021, jueves</span>
 8 |         </div>
 9 | 
10 |         <div>
11 |             <button class="btn btn-danger mx-2">
12 |                 Borrar
13 |                 <i class="fa fa-trash-alt"></i>
14 |             </button>
15 | 
16 |             <button class="btn btn-primary">
17 |                 Subir foto
18 |                 <i class="fa fa-upload"></i>
19 |             </button>
20 |         </div>
21 |   </div>
22 | 
23 |     <hr>
24 |     <div class="d-flex flex-column px-3 h-75">
25 |         <textarea
26 |             placeholder="¿Qué sucedió hoy?"
27 |         ></textarea>
28 |     </div>
29 | 
30 |     <Fab 
31 |         icon="fa-save"
32 |     />
33 | 
34 |     <img 
35 |         src="https://www.robertlandscapes.com/wp-content/uploads/2014/11/landscape-322100_1280.jpg" 
36 |         alt="entry-picture"
37 |         class="img-thumbnail">
38 | 
39 | </template>
40 | 
41 | <script>
42 | import { defineAsyncComponent } from 'vue'
43 | 
44 | export default {
45 |     components: {
46 |         Fab: defineAsyncComponent(() => import('../components/Fab.vue'))
47 |     }
48 | 
49 | 
50 | }
51 | </script>
52 | 
53 | <style lang="scss" scoped>
54 | 
55 | textarea {
56 |     font-size: 20px;
57 |     border: none;
58 |     height: 100%;
59 | 
60 |     &:focus {
61 |         outline: none;
62 |     }
63 | }
64 | 
65 | img {
66 |     width: 200px;
67 |     position: fixed;
68 |     bottom: 150px;
69 |     right: 20px;
70 |     box-shadow: 0px 5px 10px rgba($color: #000000, $alpha: 0.2);
71 | }
72 | 
73 | </style>


--------------------------------------------------------------------------------
/src/modules/daybook/views/NoEntrySelected.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="d-flex justify-content-center">
 3 |         <h1 class="align-self-center">No hay nada seleccionado</h1>
 4 |     </div>
 5 | 
 6 |     <Fab />
 7 | </template>
 8 | 
 9 | 
10 | <script>
11 | import { defineAsyncComponent } from 'vue'
12 | 
13 | export default {
14 |     components: {
15 |         Fab: defineAsyncComponent( () => import('../components/Fab.vue') )
16 |     }
17 | }
18 | </script>
19 | 
20 | <style lang="scss" scoped>
21 | div {
22 |     height: 100%;
23 | }
24 | </style>


--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
 1 | import { createRouter, createWebHashHistory } from 'vue-router'
 2 | import Home from '../views/Home.vue'
 3 | 
 4 | import daybookRouter from '../modules/daybook/router'
 5 | 
 6 | const routes = [
 7 |   {
 8 |     path: '/',
 9 |     name: 'Home',
10 |     component: Home
11 |   },
12 |   {
13 |     path: '/about',
14 |     name: 'About',
15 |     // route level code-splitting
16 |     // this generates a separate chunk (about.[hash].js) for this route
17 |     // which is lazy-loaded when the route is visited.
18 |     component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
19 |   },
20 |   {
21 |     path: '/daybook',
22 |     ...daybookRouter
23 |   }
24 | ]
25 | 
26 | const router = createRouter({
27 |   history: createWebHashHistory(),
28 |   routes
29 | })
30 | 
31 | export default router
32 | 


--------------------------------------------------------------------------------
/src/store/index.js:
--------------------------------------------------------------------------------
 1 | import { createStore } from 'vuex'
 2 | 
 3 | import journal from '../modules/daybook/store/journal'
 4 | 
 5 | 
 6 | const store = createStore({
 7 |     modules: {
 8 |         journal
 9 |     }
10 | })
11 | 
12 | 
13 | 
14 | 
15 | export default store


--------------------------------------------------------------------------------
/src/store/module-template/actions.js:
--------------------------------------------------------------------------------
1 | 
2 | // export const myAction = async ({ commit }) => {
3 | 
4 | // }
5 | 
6 | 


--------------------------------------------------------------------------------
/src/store/module-template/getters.js:
--------------------------------------------------------------------------------
1 | 
2 | // export const myGetter = ( state ) => {
3 | //  return state
4 | // }
5 | 
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/src/store/module-template/index.js:
--------------------------------------------------------------------------------
 1 | 
 2 | import state from './state'
 3 | import * as actions from './actions'
 4 | import * as getters from './getters'
 5 | import * as mutations from './mutations'
 6 | 
 7 | 
 8 | const myCustomModule = {
 9 |     namespaced: true,
10 |     actions,
11 |     getters,
12 |     mutations,
13 |     state
14 | }
15 | 
16 | 
17 | export default myCustomModule
18 | 


--------------------------------------------------------------------------------
/src/store/module-template/mutations.js:
--------------------------------------------------------------------------------
1 | 
2 | // export const myAction = ( state ) => {
3 | 
4 | // }
5 | 


--------------------------------------------------------------------------------
/src/store/module-template/state.js:
--------------------------------------------------------------------------------
1 | 
2 | // export default () => ({
3 | 
4 | // })


--------------------------------------------------------------------------------
/src/styles/styles.scss:
--------------------------------------------------------------------------------
 1 | $theme-colors: (
 2 |   "primary":    #2c3e50,
 3 |   "secondary":  #1d6042,
 4 |   "success":    #198754,
 5 |   "info":       #0dcaf0,
 6 |   "warning":    #ffc107,
 7 |   "danger":     #dc3545,
 8 |   "light":      #f8f9fa,
 9 |   "dark":       #343a40,
10 | );
11 | 
12 | 
13 | 
14 | @import 'node_modules/bootstrap/scss/bootstrap.scss';
15 | 
16 | .pointer {
17 |   cursor: pointer;
18 | }


--------------------------------------------------------------------------------
/src/views/About.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <div class="about">
3 |     <h1>This is an about page</h1>
4 |   </div>
5 | </template>
6 | 


--------------------------------------------------------------------------------
/src/views/Home.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="home">
 3 |     <img alt="Vue logo" src="../assets/logo.png">
 4 | 
 5 |     <h1>Hola Mundo</h1>
 6 | 
 7 |     <button @click="goToDaybook" class="btn btn-primary">Primary</button>
 8 |     <button @click="goToDaybook" class="btn btn-secondary">Secondary</button>
 9 |     <button @click="goToDaybook" class="btn btn-success">Success</button>
10 | 
11 |   </div>
12 | </template>
13 | 
14 | 
15 | <script>
16 | export default {
17 |   methods: {
18 |     goToDaybook() {
19 |       this.$router.push({ name: 'no-entry' })
20 |     }
21 |   }
22 | }
23 | </script>
24 | 
25 | 


--------------------------------------------------------------------------------