fix: 🐛 Various bugfixes

app.vue

@@ -1,5 +1,8 @@
 <template>
     <NuxtPwaAssets />
+    <PwaTransparentImage image="/logo.webp" />
+    <PwaAppleImage image="/logo.webp" />
+    <PwaMaskableImage image="/logo.webp" />
     <Loading />
     <NuxtLayout>
         <NuxtPage />

components/buttons/DropdownElement.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 import type { ButtonHTMLAttributes } from "vue";
 
-interface Props extends /* @vue-ignore */ ButtonHTMLAttributes { }
+interface Props extends /* @vue-ignore */ ButtonHTMLAttributes {}
 
 defineProps<
     Props & {

components/buttons/base.vue

@@ -11,7 +11,7 @@
 <script lang="ts" setup>
 import type { ButtonHTMLAttributes } from "vue";
 
-interface Props extends /* @vue-ignore */ ButtonHTMLAttributes { }
+interface Props extends /* @vue-ignore */ ButtonHTMLAttributes {}
 
 defineProps<
     Props & {

components/loading.vue

@@ -11,7 +11,8 @@
 <script lang="ts" setup>
 const loading = ref(true);
 
-const estimatedProgress = (duration: number, elapsed: number) => (2 / Math.PI * 100) * Math.atan(elapsed / duration * 100 / 50);
+const estimatedProgress = (duration: number, elapsed: number) =>
+    (2 / Math.PI) * 100 * Math.atan(((elapsed / duration) * 100) / 50);
 
 const progress = ref(0);
 const timeAtStart = performance.now();

components/sidebars/navigation.vue

@@ -233,7 +233,7 @@ const signOut = async () => {
             tokenData.value.access_token,
             tokenData.value.access_token,
         )
-        .catch(() => { });
+        .catch(() => {});
 
     tokenData.value = null;
     me.value = null;

composables/Account.ts

@@ -13,8 +13,8 @@ export const useAccount = (
 
     watchEffect(() => {
         if (toValue(accountId))
-            ref(client)
-                .value?.getAccount(toValue(accountId) ?? "")
+            toValue(client)
+                ?.getAccount(toValue(accountId) ?? "")
                 .then((res) => {
                     output.value = res.data;
                 });

composables/ParsedContent.ts

@@ -65,26 +65,6 @@ export const useParsedContent = (
                 link.outerHTML = await renderToString(renderedMention);
             }
 
-            // Highlight code blocks
-            /* const codeBlocks = contentHtml.querySelectorAll("pre code");
-            for (const codeBlock of codeBlocks) {
-                const code = codeBlock.textContent;
-                if (!code) {
-                    continue;
-                }
-
-                const highligher = await getShikiHighlighter();
-
-                const newCode = highligher.highlight(code, {});
-
-                // Replace parent pre tag with highlighted code
-                const parent = codeBlock.parentElement;
-                if (!parent) {
-                    continue;
-                }
-                parent.outerHTML = newCode;
-            }*/
-
             result.value = contentHtml.innerHTML;
         },
         { immediate: true },

nuxt.config.ts

@@ -6,7 +6,6 @@ export default defineNuxtConfig({
         "@vueuse/nuxt",
         "nuxt-headlessui",
         "@nuxt/fonts",
-        //"nuxt-shiki",
         "@vee-validate/nuxt",
         "nuxt-security",
         "@vite-pwa/nuxt",
@@ -67,24 +66,6 @@ export default defineNuxtConfig({
         },
         keepalive: true,
     },
-    /*     shiki: {
-        defaultTheme: "rose-pine",
-        bundledLangs: [
-            "javascript",
-            "typescript",
-            "html",
-            "css",
-            "json",
-            "python",
-            "toml",
-            "rust",
-            "sql",
-            "scss",
-            "bash",
-            "shell",
-            "yaml",
-        ],
-    }, */
     nitro: {
         preset: "bun",
         minify: true,