From 8c6c40cd78a03f6c956a7cc72cb6930e348e8f42 Mon Sep 17 00:00:00 2001
From: Hubert Van De Walle <hubv@protonmail.com>
Date: Sun, 5 Jul 2020 14:57:09 +0200
Subject: [PATCH] Clean vuex

---
 frontend/pages/index.vue       | 4 ++--
 frontend/pages/notes/_uuid.vue | 7 ++++---
 frontend/pages/notes/index.vue | 6 +++---
 frontend/store/notes.js        | 5 ++---
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index b34f550..6534c4e 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -7,11 +7,11 @@
                     :key="link.name"
                     class="text-blue-200"
                 >
-                    <router-link
+                    <nuxt-link
                         v-if="link.url"
                         :to="link.url"
                         class="underline"
-                        >{{ link.name }}</router-link
+                        >{{ link.name }}</nuxt-link
                     >
                     <button v-else class="underline" @click="link.action">
                         {{ link.name }}
diff --git a/frontend/pages/notes/_uuid.vue b/frontend/pages/notes/_uuid.vue
index 0538e0f..cffe8dc 100644
--- a/frontend/pages/notes/_uuid.vue
+++ b/frontend/pages/notes/_uuid.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import { mapState, mapActions } from 'vuex'
+import { mapState, mapActions, mapGetters } from 'vuex'
 import renderMarkdown from '@/utils/markdown'
 
 export default {
@@ -20,6 +20,7 @@ export default {
     }),
     computed: {
         ...mapState('notes', ['notes', 'isInitialized']),
+        ...mapGetters('notes', ['find']),
         uuid() {
             return this.$route.params.uuid
         },
@@ -27,11 +28,11 @@ export default {
     mounted() {
         if (!this.isInitialized) {
             this.load().then(() => {
-                this.note = this.notes.find((e) => e.uuid === this.uuid)
+                this.note = this.find(this.uuid)
                 this.render()
             })
         } else {
-            this.note = this.notes.find((e) => e.uuid === this.uuid)
+            this.note = this.find(this.uuid)
             this.render()
         }
     },
diff --git a/frontend/pages/notes/index.vue b/frontend/pages/notes/index.vue
index 553bdef..7ddd58c 100644
--- a/frontend/pages/notes/index.vue
+++ b/frontend/pages/notes/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="container p-4 mx-auto bg-gray-700">
+    <div class="container p-4 mx-auto bg-gray-800">
         <h1 class="text-center">My Notes</h1>
         <input
             id="search"
@@ -10,9 +10,9 @@
         />
         <div v-for="note in notes" :key="note.uuid">
             <div class="flex justify-between items-center">
-                <router-link :to="'/notes/' + note.uuid" class="text-lg">{{
+                <nuxt-link :to="'/notes/' + note.uuid" class="text-lg">{{
                     note.title
-                }}</router-link>
+                }}</nuxt-link>
                 <div class="py-2">
                     <span
                         v-for="(tag, index) in note.tags"
diff --git a/frontend/store/notes.js b/frontend/store/notes.js
index 5869b01..8ef6cf0 100644
--- a/frontend/store/notes.js
+++ b/frontend/store/notes.js
@@ -48,7 +48,6 @@ export const actions = {
 }
 
 export const getters = {
-    isEmpty(state) {
-        return state.isInitialized && state.notes.length === 0
-    },
+    isEmpty: (state) => state.isInitialized && state.notes.length === 0,
+    find: (state) => (uuid) => state.notes.find((note) => note.uuid === uuid),
 }