✨ Problems

application/components/problems/list.vue

@@ -6,7 +6,7 @@
         <div class="text-xs font-normal">每天进步一点点！</div>
       </template>
       <n-list clickable hoverable>
-        <n-list-item v-for="item in (problems as any[])" class="px-[24px]">
+        <n-list-item v-for="item in problems" class="px-[24px]" @click="jump(item)">
           <n-thing :title="item?.title">
             <template #description>
               <div class="text-xs flex gap-2">
@@ -26,5 +26,9 @@ import { NCard, NList, NListItem, NThing, NTag } from "naive-ui";
 
 const client = useSupabaseClient();
 
-const { data: problems } = await client.from("problems").select(`*`).limit(20);
+const { data: problems } = await client.from("problems").select<any, any>("*").limit(20);
+
+function jump(item: any) {
+  navigateTo(`/problems/${item.id}`)
+}
 </script>