Tighten Nuxt example navigation and search race

Move the search debounce's `latestSearchRequest` increment to the
top of the timeout callback so clearing the input invalidates any
in-flight `/api/search` response. The previous order let a slow
prior fetch overwrite the just-cleared `searchResult`.

Convert the post detail page's author link from a raw anchor to
`<NuxtLink>` so navigating to the author profile uses Nuxt's
client-side router instead of triggering a full page reload, in
line with the back-link conversion already applied to the page.

#676

Assisted-by: Claude Code:claude-opus-4-7

Author: 2chanhaeng

examples/nuxt/pages/index.vue

@@ -184,11 +184,11 @@ let latestSearchRequest = 0;
 function onSearchInput() {
   if (searchTimeout) clearTimeout(searchTimeout);
   searchTimeout = setTimeout(async () => {
+    const requestId = ++latestSearchRequest;
     if (!searchQuery.value.trim()) {
       searchResult.value = null;
       return;
     }
-    const requestId = ++latestSearchRequest;
     const res = await $fetch<{ result: typeof searchResult.value }>(
       `/api/search?q=${encodeURIComponent(searchQuery.value)}`,
     );

examples/nuxt/pages/users/[identifier]/posts/[id].vue

@@ -2,9 +2,9 @@
   <div v-if="data" class="post-detail-container">
     <NuxtLink class="back-link" to="/">&larr; Back to home</NuxtLink>
     <article class="post-detail-card">
-      <a
+      <NuxtLink
         class="post-detail-author"
-        :href="`/users/${data.identifier}`"
+        :to="`/users/${data.identifier}`"
       >
         <img
           :src="data.author.icon ?? '/demo-profile.png'"
@@ -24,7 +24,7 @@
             {{ formatDate(data.published) }}
           </time>
         </div>
-      </a>
+      </NuxtLink>
       <div class="post-detail-content">
         <p>{{ data.content }}</p>
       </div>