More AI slop

frontend/app/pages/index.vue

@@ -271,9 +271,9 @@ const sectionTargets = {
         <h2 class="section-title">{{ t('pages.blog_heading') }}</h2>
         <ul class="tui-list">
           <li v-for="post in displayedBlogPosts" :key="post.slug" class="blog-entry">
-            <a class="entry-link" :href="localePath({ name: 'blog-slug', params: { slug: post.slug } })">
+            <NuxtLink :to="localePath({ name: 'blog-slug', params: { slug: post.slug } })" class="entry-link">
               <span class="entry-title">{{ post.title }}</span>
-            </a>
+            </NuxtLink>
             <span class="entry-meta">[{{ post.date }}] {{ post.description }}</span>
           </li>
         </ul>
@@ -294,9 +294,9 @@ const sectionTargets = {
       <Container>
         <h2 class="section-title">{{ t('pages.art_heading') }}</h2>
         <div class="grid">
-          <a v-for="art in displayedArtPosts" :key="art.slug"
+          <NuxtLink v-for="art in displayedArtPosts" :key="art.slug"
             class="selector"
-            :href="isArtFallback(art) ? localePath(`/art/${art.slug}`) : localePath(`/art/${art.slug}`)">
+            :to="localePath(`/art/${art.slug}`)">
               <span class="selector-border-top" aria-hidden="true">────────</span>
               <img
                 :src="art.thumb"
@@ -305,7 +305,7 @@ const sectionTargets = {
               />
               <span class="selector-border-bottom" aria-hidden="true">────────</span>
               <div class="overlay-label">{{ art.title }}</div>
-          </a>
+          </NuxtLink>
         </div>
         <p v-if="artPosts && artPosts.length > 0" class="show-more-link">
           <NuxtLink :to="localePath('/art')" class="tui-link">{{ t('pages.show_more') }}</NuxtLink>