fix lint and typecheck

Author: yulei-chen

app/components/Leaflet.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { ref } from 'vue'
 
 interface Publication {
   uri: string

app/components/Sidetrail.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
+import { computed, ref } from 'vue'
 
 const { handle } = useHandle()
 const { setLoading } = useLoading()

app/components/Tangled.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { ref } from 'vue'
 
 interface TangledProfile {
   uri: string

app/composables/atproto.ts

@@ -1,4 +1,4 @@
-import { BskyAgent } from '@atproto/api'
+import { AtpAgent } from '@atproto/api'
 
 /**
  * Create and return BskyAgent instances
@@ -8,12 +8,12 @@ import { BskyAgent } from '@atproto/api'
  */
 export function useAtproto() {
   // Agent for app.bsky.* API
-  const bskyAgent = new BskyAgent({
+  const bskyAgent = new AtpAgent({
     service: 'https://public.api.bsky.app',
   })
 
   // Agent for com.atproto.repo.* API
-  const repoAgent = new BskyAgent({
+  const repoAgent = new AtpAgent({
     service: 'https://bsky.social',
   })
 
@@ -24,4 +24,3 @@ export function useAtproto() {
     repoAgent,
   }
 }
-

app/config/pwa.ts

@@ -1,4 +1,6 @@
 import type { ModuleOptions } from '@vite-pwa/nuxt'
+// eslint-disable-next-line ts/ban-ts-comment
+// @ts-expect-error
 import process from 'node:process'
 import { appDescription, appName } from '../constants/index'