diff --git a/app/app.vue b/app/app.vue
index 0446888..5b83613 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -4,10 +4,12 @@
       <a
         href="https://github.com/scope-sh/contract-scan"
         target="_blank"
+        rel="noopener noreferrer"
       >
         <IconGitHub class="icon" />
       </a>
     </header>
+    <!-- eslint-disable-next-line vue/no-undef-components -->
     <NuxtPage />
     <footer />
   </div>
@@ -20,6 +22,7 @@ import '@fontsource-variable/inconsolata';
 import IconGitHub from '@/components/__common/icon/GitHub.vue';
 </script>
 
+<!-- eslint-disable-next-line vue/enforce-style-attribute -->
 <style>
 :root {
   --color-text-primary: #ededed;
diff --git a/app/components/bundle/AddressItem.vue b/app/components/bundle/AddressItem.vue
index def9ce3..bf7f771 100644
--- a/app/components/bundle/AddressItem.vue
+++ b/app/components/bundle/AddressItem.vue
@@ -1,12 +1,13 @@
 <template>
   <div class="item-details">
-    <router-link :to> {{ label }} </router-link>
+    <RouterLink :to> {{ label }} </RouterLink>
   </div>
 </template>
 
 <script setup lang="ts">
 import type { Address } from 'viem';
 import { computed } from 'vue';
+import { RouterLink } from 'vue-router';
 
 import labels from '@/data/labels.json';
 
diff --git a/app/components/contract/BlockInfo.vue b/app/components/contract/BlockInfo.vue
index fd8d4c7..f27ad1e 100644
--- a/app/components/contract/BlockInfo.vue
+++ b/app/components/contract/BlockInfo.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="block">
-    <BlockStatus :status="'success'">exact bytecode match</BlockStatus>
-    <BlockStatus :status="'warning'">different bytecode</BlockStatus>
-    <BlockStatus :status="'error'">failed to get code</BlockStatus>
-    <BlockStatus :status="'empty'">not deployed (no code)</BlockStatus>
-    <BlockStatus :status="'progress'">querying</BlockStatus>
+    <BlockStatus status="success">exact bytecode match</BlockStatus>
+    <BlockStatus status="warning">different bytecode</BlockStatus>
+    <BlockStatus status="error">failed to get code</BlockStatus>
+    <BlockStatus status="empty">not deployed (no code)</BlockStatus>
+    <BlockStatus status="progress">querying</BlockStatus>
   </div>
 </template>
 
diff --git a/app/components/home/CardContract.vue b/app/components/home/CardContract.vue
index 7e06784..c7afef0 100644
--- a/app/components/home/CardContract.vue
+++ b/app/components/home/CardContract.vue
@@ -1,5 +1,5 @@
 <template>
-  <router-link :to>
+  <RouterLink :to>
     <div class="card">
       <div class="title">{{ title }}</div>
       <div class="details">
@@ -11,11 +11,12 @@
         </div>
       </div>
     </div>
-  </router-link>
+  </RouterLink>
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue';
+import { RouterLink } from 'vue-router';
 
 const { address } = defineProps<Contract>();
 
diff --git a/app/pages/bundle/index.vue b/app/pages/bundle/index.vue
index 8b6e89d..b53a86a 100644
--- a/app/pages/bundle/index.vue
+++ b/app/pages/bundle/index.vue
@@ -2,9 +2,9 @@
   <div class="page">
     <div class="content">
       <div class="header">
-        <router-link to="/">
+        <RouterLink to="/">
           <div class="link">← Go Back</div>
-        </router-link>
+        </RouterLink>
         <div class="header-details">
           <div class="subtitle">Bundle</div>
           <div class="title">
@@ -22,7 +22,7 @@
 <script setup lang="ts">
 import type { Address } from 'viem';
 import { computed } from 'vue';
-import { useRoute } from 'vue-router';
+import { RouterLink, useRoute } from 'vue-router';
 
 import AddressList from '@/components/bundle/AddressList.vue';
 
diff --git a/app/pages/contract/[address].vue b/app/pages/contract/[address].vue
index 471fad4..507f722 100644
--- a/app/pages/contract/[address].vue
+++ b/app/pages/contract/[address].vue
@@ -2,9 +2,9 @@
   <div class="page">
     <div class="content">
       <div class="header">
-        <router-link to="/">
+        <RouterLink to="/">
           <div class="link">← Go Back</div>
-        </router-link>
+        </RouterLink>
         <div class="header-details">
           <div class="subtitle">{{ label }}</div>
           <div class="title">
@@ -28,7 +28,7 @@
 import { useHead } from '@unhead/vue';
 import { keccak256, type Address, type Hex } from 'viem';
 import { computed, ref, watch } from 'vue';
-import { useRoute } from 'vue-router';
+import { RouterLink, useRoute } from 'vue-router';
 
 import BlockInfo from '@/components/contract/BlockInfo.vue';
 import type { Status } from '@/components/contract/BlockStatus.vue';