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;