From 165cfb96e7fdbaa3b889aadcb3239ee224b366be Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Mon, 22 Mar 2021 23:13:56 +0100
Subject: [PATCH] :bug: (flux note) update query strings on fleeting notes

---
 src/components/FluxNote.vue            |  7 ++++++-
 src/hooks/useQueryStackedNotes.hook.ts | 10 +++-------
 src/views/DraftNotes.vue               |  2 +-
 src/views/FleetingNotes.vue            |  7 ++++++-
 4 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/FluxNote.vue b/src/components/FluxNote.vue
index b5fa5b4..c611255 100644
--- a/src/components/FluxNote.vue
+++ b/src/components/FluxNote.vue
@@ -41,7 +41,8 @@ import {
   toRefs,
   computed,
   watch,
-  nextTick
+  nextTick,
+  onUnmounted
 } from 'vue'
 import HeaderNote from '@/components/HeaderNote.vue'
 import { useNote } from '@/hooks/useNote.hook'
@@ -83,6 +84,10 @@ export default defineComponent({
 
     watch(renderedContent, () => nextTick(() => listenToClick()))
 
+    onUnmounted(() => {
+      readme.value = ''
+    })
+
     return {
       hasContent,
       renderedContent,
diff --git a/src/hooks/useQueryStackedNotes.hook.ts b/src/hooks/useQueryStackedNotes.hook.ts
index ce4a6da..6d30be1 100644
--- a/src/hooks/useQueryStackedNotes.hook.ts
+++ b/src/hooks/useQueryStackedNotes.hook.ts
@@ -10,20 +10,16 @@ export const useQueryStackedNotes = () => {
   const { query } = useRoute()
 
   const initResetStackedNote = () =>
-    (Array.isArray(query.stackedNotes)
+    (stackedNotes.value = (Array.isArray(query.stackedNotes)
       ? query.stackedNotes
       : [query.stackedNotes]
     )
       .map((n) => n?.toString())
-      .filter((n) => !!n) as string[]
-
-  const setStackedNotes = () => {
-    stackedNotes.value = initResetStackedNote()
-  }
+      .filter((n) => !!n) as string[])
 
   if (initial) {
     initial = false
-    setStackedNotes()
+    initResetStackedNote()
   }
 
   return {
diff --git a/src/views/DraftNotes.vue b/src/views/DraftNotes.vue
index c5d1409..c43bf18 100644
--- a/src/views/DraftNotes.vue
+++ b/src/views/DraftNotes.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="draft-notes">
-    <flux-note :user="user" :repo="repo" :content="content">
+    <flux-note :user="user" :repo="repo" :content="content" key="draft-notes">
       <h3 class="subtitle is-3">
         Drafts
       </h3>
diff --git a/src/views/FleetingNotes.vue b/src/views/FleetingNotes.vue
index 7669ac7..93ff59b 100644
--- a/src/views/FleetingNotes.vue
+++ b/src/views/FleetingNotes.vue
@@ -1,6 +1,11 @@
 <template>
   <div class="fleeting-notes">
-    <flux-note :user="user" :repo="repo" :content="content">
+    <flux-note
+      :user="user"
+      :repo="repo"
+      :content="content"
+      key="fleeting-notes"
+    >
       <h3 class="subtitle is-3">
         Fleeting notes
       </h3>