♻️ (pwa)

src/App.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import NewVersion from '@/components/NewVersion.vue'
 import { useGitHubLogin } from '@/hooks/useGitHubLogin.hook'
 
 const { isReady } = useGitHubLogin()
@@ -6,6 +7,7 @@ const { isReady } = useGitHubLogin()
 
 <template>
   <router-view v-if="isReady" />
+  <new-version />
 </template>
 
 <style lang="scss">

src/views/HomeApp.vue

@@ -1,6 +1,5 @@
 <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'
@@ -24,7 +23,6 @@ const routeKey = computed(() => `${props.user}-${props.repo}`)
     <welcome-world />
   </div>
   <flux-note v-else :key="routeKey" :user="user" :repo="repo" />
-  <new-version class="new-version" />
 </template>
 
 <style lang="scss" scoped>
@@ -33,12 +31,6 @@ const routeKey = computed(() => `${props.user}-${props.repo}`)
   flex: 1;
   flex-direction: column;
   align-items: center;
-
-  .new-version {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-  }
 }
 
 .authorize {