diff --git a/app/components/Footer.vue b/app/components/Footer.vue
index 68c95cf..637aa5a 100644
--- a/app/components/Footer.vue
+++ b/app/components/Footer.vue
@@ -14,11 +14,11 @@ const pathname = computed(() => route.path)
       {{ pathname === '/' ? 'User' : 'Home' }}
     </NuxtLink>
 
-    <!-- a tag is required to hit the middleware in place  -->
-    <a class="flex items-center gap-2 hover:underline hover:underline-offset-4" href="/admin">
+    <!-- external is required to hit the middleware in place  -->
+    <NuxtLink external class="flex items-center gap-2 hover:underline hover:underline-offset-4" href="/admin">
       <img aria-hidden src="/window.svg" alt="Window icon" width="16" height="16" />
       Admin
-    </a>
+    </NuxtLink>
 
     <a class="flex items-center gap-2 hover:underline hover:underline-offset-4" href="https://bknd.io" target="_blank"
       rel="noopener noreferrer">
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 2c68b00..c059dfd 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -18,8 +18,6 @@ async function handleSubmit(event: Event) {
 </script>
 
 <template>
-  <!-- <div v-if="pending">Loading...</div> -->
-
   <div v-if="todos !== undefined"
     class="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20">
     <main class="flex flex-col gap-8 row-start-2 items-center sm:items-start">
diff --git a/bknd.config.ts b/bknd.config.ts
index 7a455cc..956d072 100644
--- a/bknd.config.ts
+++ b/bknd.config.ts
@@ -1,5 +1,5 @@
 import { em, entity, text, boolean, libsql } from "bknd";
-import { RuntimeBkndConfig } from "bknd/adapter";
+import { type RuntimeBkndConfig } from "bknd/adapter";
 import { registerLocalMediaAdapter } from "bknd/adapter/node";
 
 const local = registerLocalMediaAdapter();