update word count position

Author: Ripwords

components.d.ts

@@ -16,6 +16,9 @@ declare module 'vue' {
     'IMdi:spellcheck': typeof import('~icons/mdi/spellcheck')['default']
     'IMdi:themeLightDark': typeof import('~icons/mdi/theme-light-dark')['default']
     'IRi:settings3Line': typeof import('~icons/ri/settings3-line')['default']
+    NCard: typeof import('naive-ui')['NCard']
+    NDrawer: typeof import('naive-ui')['NDrawer']
+    NDrawerContent: typeof import('naive-ui')['NDrawerContent']
     NH2: typeof import('naive-ui')['NH2']
     NInput: typeof import('naive-ui')['NInput']
     NMessageProvider: typeof import('naive-ui')['NMessageProvider']

src/components/Content.vue

@@ -146,8 +146,6 @@ appWindow.listen("tauri://close-requested", async () => {
 })
 
 await shortcutRegister()
-
-// TODO Fix word count placement, when scrolling it is stuck in an awkward position
 </script>
 
 <template>
@@ -158,7 +156,7 @@ await shortcutRegister()
     @changeSpellcheck="changeSpellcheck()"
   />
   <div :class="{ 'dark': store.theme === 'dark' }">
-    <div class="fixed right-1 mt-1 z-20 text-size-[12px] opacity-70 text-dark-900 dark:text-light-500 transition-colors duration-150 ease-linear">{{ store.wordCount }}</div>
+    <div class="absolute right-1 mt-1 z-20 text-size-[12px] opacity-70 text-dark-900 dark:text-light-500 transition-colors duration-150 ease-linear">{{ store.wordCount }}</div>
     <div v-show="settings" class="absolute z-10 w-8/10 h-20px bottom-100px transform translate-x-5vh">
       <n-h2 class="text-dark-900 dark:text-light-50">Opacity</n-h2>
       <n-slider :theme-overrides="store.themeOverrides" v-model:value="store.opacity" :step="1"></n-slider>