diff --git a/README.md b/README.md
index 7d761b3..4ef8d76 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <!-- AUTOMATION BADGES -->
-[![CodeQL](https://github.com/webceyhan/webceyhan.github.io/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/webceyhan/webceyhan.github.io/actions/workflows/codeql-analysis.yml)
+[![CodeQL](https://github.com/webceyhan/webceyhan.github.io/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/webceyhan/webceyhan.github.io/actions/workflows/github-code-scanning/codeql)
 [![Build and Deploy](https://github.com/webceyhan/webceyhan.github.io/actions/workflows/build-deploy.yml/badge.svg)](https://github.com/webceyhan/webceyhan.github.io/actions/workflows/build-deploy.yml)
 
 <!-- LOGO (OPTIONAL) -->
diff --git a/components/AppHeader.vue b/components/AppHeader.client.vue
similarity index 97%
rename from components/AppHeader.vue
rename to components/AppHeader.client.vue
index 7b62fdd..8b69e60 100644
--- a/components/AppHeader.vue
+++ b/components/AppHeader.client.vue
@@ -1,7 +1,4 @@
 <script setup lang="ts">
-// @ts-ignore
-import VueWriter from "vue-writer";
-
 const showLogo = ref(true);
 
 const { data: profile } = await useFetch("/api/profile");
diff --git a/plugins/vue-writer.client.ts b/plugins/vue-writer.client.ts
new file mode 100644
index 0000000..a27c513
--- /dev/null
+++ b/plugins/vue-writer.client.ts
@@ -0,0 +1,6 @@
+// @ts-ignore
+import VueWriter from 'vue-writer';
+
+export default defineNuxtPlugin((nuxtApp) => {
+    nuxtApp.vueApp.use(VueWriter);
+});
diff --git a/store/language.ts b/store/language.ts
index 0f47cff..8738dcb 100644
--- a/store/language.ts
+++ b/store/language.ts
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { Language } from '@/server/types/repo';
+import type { Language } from '~/server/types/repo';
 
 export const useLanguageStore = defineStore('language', () => {
     // state
diff --git a/store/repository.ts b/store/repository.ts
index b6f88fd..6ed8ea0 100644
--- a/store/repository.ts
+++ b/store/repository.ts
@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia';
 import { useTopicStore } from './topic';
 import { useLanguageStore } from './language';
-import { Repo } from '@/server/types/repo';
+import type { Repo } from '~/server/types/repo';
 
 export const useRepositoryStore = defineStore('repository', () => {
     // state
diff --git a/store/topic.ts b/store/topic.ts
index ac6da59..df7348a 100644
--- a/store/topic.ts
+++ b/store/topic.ts
@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia';
 import { CATEGORIES } from '@/server/constants/topic';
-import { Topic } from '@/server/types/repo';
+import type { Topic } from '~/server/types/repo';
 
 export const useTopicStore = defineStore('topic', () => {
     // state