diff --git a/bun.lockb b/bun.lockb
index b21ac58..368f22b 100644
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index a38fad5..c00a24e 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,6 @@
         "tslib": "^2.6.3",
         "typescript": "^5.5.4",
         "vite": "^7.1.12",
-        "vue-tsc": "^2.0.29"
-    },
-    "packageManager": "yarn@4.3.1"
+        "vue-tsc": "3.1.1"
+    }
 }
diff --git a/src/App.vue b/src/App.vue
index 77bf12b..89bb503 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -29,13 +29,13 @@
 
 <script lang="ts">
 import { ComponentPublicInstance } from 'vue';
-import { Component, Vue } from 'vue-facing-decorator'
+import { Component, Vue, toNative } from 'vue-facing-decorator'
 import router from "@/scripts/router";
 import { RouteLocationNormalized, RouteLocationNormalizedLoaded, Router } from "vue-router";
 import { TranslateResult } from "vue-i18n";
 
 @Component
-export default class App extends Vue
+class App extends Vue
 {
     currentRoute = ''
     currentLink: Element = null as never as Element
@@ -111,6 +111,8 @@ export default class App extends Vue
             `border-width: ${width}px 20px ${width}px 50px;`
     }
 }
+
+export default toNative(App)
 </script>
 
 <style lang="sass">
diff --git a/src/components/BlogIndex.vue b/src/components/BlogIndex.vue
index acc0b47..fede206 100644
--- a/src/components/BlogIndex.vue
+++ b/src/components/BlogIndex.vue
@@ -10,14 +10,14 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
+import { Component, Vue, Prop, toNative } from 'vue-facing-decorator'
 import Tag from "@/components/Tag.vue";
 import {pushQuery} from "@/scripts/router";
 import {BlogMeta} from "@/scripts/models";
 import {globals} from "@/scripts/global";
 
 @Component({components: {Tag}})
-export default class BlogIndexLinks extends Vue
+class BlogIndexLinks extends Vue
 {
     @Prop({default: 'tags'}) mode: 'tags' | 'categories' = 'tags'
 
@@ -36,6 +36,8 @@ export default class BlogIndexLinks extends Vue
         pushQuery({tag: tag[0], category: null})
     }
 }
+
+export default toNative(BlogIndexLinks)
 </script>
 
 <style lang="sass" scoped>
diff --git a/src/components/Collapse.vue b/src/components/Collapse.vue
index 44ad6df..1e81552 100644
--- a/src/components/Collapse.vue
+++ b/src/components/Collapse.vue
@@ -8,11 +8,11 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
+import { Component, Vue, Prop, toNative } from 'vue-facing-decorator'
 import {$} from '@/scripts/constants';
 
 @Component
-export default class Collapse extends Vue
+class Collapse extends Vue
 {
     @Prop title!: string
     @Prop({default: false}) active = false
@@ -30,6 +30,7 @@ export default class Collapse extends Vue
             active: this.active})
     }
 }
+export default toNative(Collapse)
 </script>
 
 <style lang="sass">
diff --git a/src/components/MetaTable.vue b/src/components/MetaTable.vue
index 0b93981..da7612c 100644
--- a/src/components/MetaTable.vue
+++ b/src/components/MetaTable.vue
@@ -8,10 +8,10 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
+import { Component, Vue, Prop, toNative } from 'vue-facing-decorator'
 
 @Component
-export default class MetaTable extends Vue
+class MetaTable extends Vue
 {
     @Prop({required: true}) table!: {[id: string]: unknown}
 
@@ -32,6 +32,8 @@ export default class MetaTable extends Vue
         return t
     }
 }
+
+export default toNative(MetaTable)
 </script>
 
 <style lang="sass" scoped>
diff --git a/src/components/ZoteroPublication.vue b/src/components/ZoteroPublication.vue
index 413513b..c5a8225 100644
--- a/src/components/ZoteroPublication.vue
+++ b/src/components/ZoteroPublication.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
+import { Component, Vue, Prop, toNative } from 'vue-facing-decorator'
 import moment from "moment";
 import MetaTable from "@/components/MetaTable.vue";
 import {capitalize} from "@/scripts/utils";
@@ -33,7 +33,7 @@ import {$} from '@/scripts/constants';
 import {ZoteroData, ZoteroItem} from "@/scripts/zotero";
 
 @Component({components: {MetaTable}})
-export default class ZoteroPublicationView extends Vue
+class ZoteroPublicationView extends Vue
 {
     @Prop({required: true}) item!: ZoteroItem
 
@@ -60,6 +60,8 @@ export default class ZoteroPublicationView extends Vue
             heightStyle: "content"})
     }
 }
+
+export default toNative(ZoteroPublicationView)
 </script>
 
 <style lang="sass" scoped>
diff --git a/src/views/About.vue b/src/views/About.vue
index 23c2ed4..c0d69b5 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
+import { Component, Vue, Prop, toNative } from 'vue-facing-decorator'
 import {marked} from 'marked';
 import emojiRegex from 'emoji-regex';
 import {parseExtensions} from '@/scripts/extended_markdown'
@@ -20,7 +20,7 @@ import Loading from "@/components/Loading.vue";
 import {ZoteroAttachment, ZoteroItem} from "@/scripts/zotero";
 
 @Component({components: {Loading, ZoteroPublication}})
-export default class About extends Vue
+class About extends Vue
 {
     html = ""
     publications: ZoteroItem[] = []
@@ -48,6 +48,8 @@ export default class About extends Vue
             })
     }
 }
+
+export default toNative(About)
 </script>
 
 <style lang="sass">
diff --git a/src/views/others/Friends.vue b/src/views/others/Friends.vue
index 7aac589..e6a76a0 100644
--- a/src/views/others/Friends.vue
+++ b/src/views/others/Friends.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
+import { Component, Vue, Prop, toNative } from 'vue-facing-decorator'
 import {fab, hosts} from "@/scripts/constants";
 import {shuffle} from "@/scripts/utils";
 
@@ -42,7 +42,7 @@ const icons = {
 }
 
 @Component
-export default class Friends extends Vue
+class Friends extends Vue
 {
   friends: Friend[] = []
 
@@ -73,6 +73,7 @@ export default class Friends extends Vue
         })
   }
 }
+export default toNative(Friends)
 </script>
 
 <style lang="sass" scoped>
diff --git a/src/views/others/Menu.vue b/src/views/others/Menu.vue
index 12466eb..168d1d9 100644
--- a/src/views/others/Menu.vue
+++ b/src/views/others/Menu.vue
@@ -24,14 +24,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-export enum Flavor
-{
-  light,
-  normal,
-  salty
-}
+import { Component, Vue, Prop, toNative } from 'vue-facing-decorator'
 
 export interface MenuItem
 {
@@ -142,7 +135,7 @@ export const menu: MenuCategory[] = [
 ]
 
 @Component
-export default class Menu extends Vue
+class Menu extends Vue
 {
   max_cols = 2
   cols: MenuCategory[][] = new Array(this.max_cols)
@@ -173,6 +166,8 @@ export default class Menu extends Vue
     this.cols.forEach(col => col.forEach(cat => cat.items.forEach(it => it.id = id++)))
   }
 }
+
+export default toNative(Menu)
 </script>
 
 <style lang="sass" scoped>
diff --git a/src/views/others/Projects.vue b/src/views/others/Projects.vue
index 3c84237..d87f9c3 100644
--- a/src/views/others/Projects.vue
+++ b/src/views/others/Projects.vue
@@ -5,13 +5,15 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
+import { Component, Vue, Prop, toNative } from 'vue-facing-decorator'
 
 @Component
-export default class Projects extends Vue
+class Projects extends Vue
 {
 
 }
+
+export default toNative(Projects)
 </script>
 
 <style lang="sass" scoped>