chore: RankingList to homepage of user

Author: baboon-king

apps/client/components/rank/RankingItem.vue

@@ -6,15 +6,30 @@
       class="w-16"
       :rank="rank"
     />
-    <div class="flex-1 truncate text-center">{{ username || "匿名" }}</div>
+    <div
+      class="flex-1 cursor-pointer truncate text-center"
+      @click="toUserHomePage"
+    >
+      {{ username || "匿名" }}
+    </div>
     <div class="w-16 text-right">{{ count }} 课</div>
   </div>
 </template>
 
 <script setup lang="ts">
-defineProps({
+import { useRouter } from "nuxt/app";
+
+const props = defineProps({
   rank: Number,
   username: String,
   count: Number,
 });
+const router = useRouter();
+const toUserHomePage = () => {
+  const { href } = router.resolve(`/user/${props.username}`);
+  window.location.href = href;
+
+  //TODO: use route
+  // router.push(`/user/${props.username}`);
+};
 </script>