🔗 Linked issue

• preloadRouteComponents allows passing values of type RouteLocationRaw #18845

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

After this PR, the path parsed by the following code all will be /home. As a result, the preload function will not retry and will instead return early.

<!-- Passing a string -->
<NuxtLink to="/home"> Home </NuxtLink>

<!-- Passing a string with query string -->
<!-- `router.resolve('/home?year=2023').path` is `/home` -->
<NuxtLink to="/home?year=2023"> Home </NuxtLink>

<!-- Passing a object -->
<!-- `router.resolve({ name: 'home', query: { year: '2023' } }).path` is `/home` -->
<NuxtLink :to="{ name: 'home', query: { year: '2023' } }"> Home </NuxtLink>

In addition, when users use preloadRouteComponents, they are not limited to type string.

const route: RouteLocationRaw = {
  name: 'dashboard'
}

preloadRouteComponents(dashboard)
const submit = async () => {
  const results = await $fetch('/api/authentication')
  if (results.token) {
    await navigateTo(dashboard)
  }
}

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.