From 9d85abbc649aba75883d5e8b5ccdfc8803eceb82 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 18 Jul 2023 00:13:57 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20(fleeting=20notes)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/FleetingNotes.vue | 37 ++++++++++---------------------------
 1 file changed, 10 insertions(+), 27 deletions(-)

diff --git a/src/views/FleetingNotes.vue b/src/views/FleetingNotes.vue
index 1ab5e94..96da35e 100644
--- a/src/views/FleetingNotes.vue
+++ b/src/views/FleetingNotes.vue
@@ -1,3 +1,13 @@
+<script lang="ts" setup>
+import FluxNote from '@/components/FluxNote.vue'
+import { useFolderNotes } from '@/modules/note/hooks/useFolderNotes'
+
+const FLEETING_NOTES_FOLDER = ['inbox', '_inbox']
+
+defineProps<{ user: string; repo: string }>()
+const { content } = useFolderNotes(FLEETING_NOTES_FOLDER)
+</script>
+
 <template>
   <div class="fleeting-notes">
     <flux-note
@@ -11,33 +21,6 @@
   </div>
 </template>
 
-<script lang="ts">
-import { useFolderNotes } from '@/modules/note/hooks/useFolderNotes'
-import { defineAsyncComponent, defineComponent } from 'vue'
-
-const FluxNote = defineAsyncComponent(() => import('@/components/FluxNote.vue'))
-
-const FLEETING_NOTES_FOLDER = ['inbox', '_inbox']
-
-export default defineComponent({
-  name: 'FleetingNotes',
-  components: {
-    FluxNote
-  },
-  props: {
-    user: { type: String, required: true },
-    repo: { type: String, required: true }
-  },
-  setup() {
-    const { content } = useFolderNotes(FLEETING_NOTES_FOLDER)
-
-    return {
-      content
-    }
-  }
-})
-</script>
-
 <style scoped lang="scss">
 .fleeting-notes {
   display: flex;