✨ (pwa) add the new version component from vite pwa plugin

src/views/HomeApp.vue

@@ -1,18 +1,9 @@
-<template>
-  <div v-if="!user || !repo" class="home content">
-    <authorize-user class="authorize" />
-    <new-version class="new-version" />
-    <welcome-world />
-  </div>
-  <flux-note v-else :key="routeKey" :user="user" :repo="repo" />
-</template>
-
-<script lang="ts">
-import { defineComponent, defineAsyncComponent, computed } from 'vue'
-import { useQueryStackedNotes } from '@/hooks/useQueryStackedNotes.hook'
-import NewVersion from '@/components/NewVersion.vue'
+<script setup lang="ts">
 import AuthorizeUser from '@/components/AuthorizeUser.vue'
+import NewVersion from '@/components/NewVersion.vue'
 import { useComputeBacklinks } from '@/hooks/useComputeBacklinks.hook'
+import { useQueryStackedNotes } from '@/hooks/useQueryStackedNotes.hook'
+import { computed, defineAsyncComponent } from 'vue'
 
 const FluxNote = defineAsyncComponent(() => import('@/components/FluxNote.vue'))
 
@@ -20,30 +11,22 @@ const WelcomeWorld = defineAsyncComponent(
   () => import('@/components/WelcomeWorld.vue')
 )
 
-export default defineComponent({
-  name: 'HomeApp',
-  components: {
-    WelcomeWorld,
-    FluxNote,
-    NewVersion,
-    AuthorizeUser
-  },
-  props: {
-    user: { type: String, required: false, default: '' },
-    repo: { type: String, required: false, default: '' }
-  },
-  setup(props) {
-    const { resetStackedNotes } = useQueryStackedNotes()
-    useComputeBacklinks()
+const props = defineProps<{ user: string; repo: string }>()
 
-    return {
-      resetStackedNotes,
-      routeKey: computed(() => `${props.user}-${props.repo}`)
-    }
-  }
-})
+useQueryStackedNotes()
+useComputeBacklinks()
+const routeKey = computed(() => `${props.user}-${props.repo}`)
 </script>
 
+<template>
+  <div v-if="!user || !repo" class="home content">
+    <authorize-user class="authorize" />
+    <welcome-world />
+  </div>
+  <flux-note v-else :key="routeKey" :user="user" :repo="repo" />
+  <new-version class="new-version" />
+</template>
+
 <style lang="scss" scoped>
 .home {
   display: flex;