feat: 新API

app/citizen-frontend/src/components/ModuleRouterCard.vue

@@ -2,7 +2,11 @@
   <v-card
     class="rounded-xl elevation-2 d-flex align-center justify-between pa-4 my-4"
     color="surface"
+    :disabled="disabled"
+    :link="Boolean(to || clickable)"
+    :loading="loading"
     :to="to"
+    @click="emit('click', $event)"
   >
     <div class="d-flex align-center">
       <v-avatar
@@ -22,16 +26,30 @@
       </div>
     </div>
 
-    <v-icon color="primary" icon="mdi-chevron-right" />
+    <v-icon v-if="to" color="primary" icon="mdi-chevron-right" />
   </v-card>
 </template>
 
 <script setup lang="ts">
-defineProps<{
-  to: string;
-  icon: string;
-  iconColor: string;
-  title: string;
-  description: string;
+withDefaults(
+  defineProps<{
+    to?: string;
+    clickable?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    icon: string;
+    iconColor: string;
+    title: string;
+    description: string;
+  }>(),
+  {
+    clickable: false,
+    disabled: false,
+    loading: false,
+  },
+);
+
+const emit = defineEmits<{
+  click: [event: MouseEvent];
 }>();
 </script>