fix: Navigate does not work for dynamic routing on the page tab.

[imchanyo]

🐛 The bug

If it's dynamic routing like the picture above, it won't move. Should I add more settings?

🛠️ To reproduce

https://stackblitz.com/edit/nuxt-starter-iaudva?file=README.md

🌈 Expected behavior

The nuxt preferences are as follows.

// https://nuxt.com/docs/api/configuration/nuxt-config
const isDev = process.env.NODE_ENV === 'development'

export default defineNuxtConfig({
  devtools: { enabled: isDev },
  typescript: {
    shim: false
  },
  srcDir: 'src/',
  ssr: false,
  spaLoadingTemplate: 'spa-loading.html',
  app: {
    head: {
      title: process.env.npm_package_name || '',
      // titleTemplate: '%s - What a Ulsan',
      meta: [
        {
          charset: 'utf-8'
        },
        {
          name: 'mobile-web-app-capable',
          content: 'yes'
        },
        {
          name: 'apple-mobile-web-app-capable',
          content: 'yes'
        },
        {
          name: 'viewport',
          content: 'width=device-width, initial-scale=1.0, viewport-fit=contain, user-scalable=no'
        },
        {
          name: 'description',
          content: process.env.npm_package_description || ''
        }
      ],
      link: [
        {
          rel: 'icon',
          type: 'image/x-icon',
          href: '/favicon.ico'
        }
      ]
    }
    // pageTransition: true,
    // layoutTransition: true,
    // https://vuejs.org/api/built-in-components.html#transition
    // cdnURL: '',
    // rootId: '__nuxt'
  },
  // css: ['~/assets/style.scss'],
  // debug: isDev,
  modules: [
    ['@nuxtjs/eslint-module', { lintOnStart: true, failOnError: true, failOnWarning: true }],
    'nuxt-typed-router',
    '@vueuse/nuxt',
    '@pinia/nuxt',
    '@pinia-plugin-persistedstate/nuxt',
    '@nuxt/devtools'
  ],
  runtimeConfig: {
    public: {
      isDev,
      testEnv: process.env.NUXT_PUBLIC_TEST
    }
  }
})

ℹ️ Additional context

No response

[imchanyo]

It's not click, it's enter..