feat(nuxt): allow getRouteFromPath to use objects

packages/nuxt/src/app/plugins/router.ts

@@ -1,5 +1,5 @@
 import { reactive, h } from 'vue'
-import { parseURL, parseQuery, withoutBase, isEqual, joinURL } from 'ufo'
+import { parseURL, stringifyParsedURL, parseQuery, stringifyQuery, withoutBase, isEqual, joinURL } from 'ufo'
 import { createError } from 'h3'
 import { defineNuxtPlugin } from '..'
 import { callWithNuxt } from '../nuxt'
@@ -29,9 +29,13 @@ interface Route {
     meta: Record<string, any>;
 }
 
-function getRouteFromPath (fullPath: string | Record<string, unknown>) {
+function getRouteFromPath (fullPath: string | Partial<Route>) {
   if (typeof fullPath === 'object') {
-    throw new TypeError('[nuxt] Route location object cannot be resolved when vue-router is disabled (no pages).')
+    fullPath = stringifyParsedURL({
+      pathname: fullPath.path || '',
+      search: stringifyQuery(fullPath.query || {}),
+      hash: fullPath.hash || ''
+    })
   }
 
   const url = parseURL(fullPath.toString())
@@ -80,7 +84,7 @@ interface Router {
   afterEach: (guard: RouterHooks['navigate:after']) => () => void
   onError: (handler: RouterHooks['error']) => () => void
   // Routes
-  resolve: (url: string | Record<string, unknown>) => Route
+  resolve: (url: string | Partial<Route>) => Route
   addRoute: (parentName: string, route: Route) => void
   getRoutes: () => any[]
   hasRoute: (name: string) => boolean
@@ -107,7 +111,7 @@ export default defineNuxtPlugin<{ route: Route, router: Router }>((nuxtApp) => {
   const baseURL = useRuntimeConfig().app.baseURL
 
   const route: Route = reactive(getRouteFromPath(initialURL))
-  async function handleNavigation (url: string, replace?: boolean): Promise<void> {
+  async function handleNavigation (url: string | Partial<Route>, replace?: boolean): Promise<void> {
     try {
       // Resolve route
       const to = getRouteFromPath(url)
@@ -127,7 +131,7 @@ export default defineNuxtPlugin<{ route: Route, router: Router }>((nuxtApp) => {
       // Perform navigation
       Object.assign(route, to)
       if (process.client) {
-        window.history[replace ? 'replaceState' : 'pushState']({}, '', joinURL(baseURL, url))
+        window.history[replace ? 'replaceState' : 'pushState']({}, '', joinURL(baseURL, to.fullPath))
         if (!nuxtApp.isHydrating) {
           // Clear any existing errors
           await callWithNuxt(nuxtApp, clearError)

playground/app.vue

@@ -8,5 +8,13 @@
   </div>
 </template>
 
-<style scoped>
-</style>
+<script setup>
+const $router = useRouter()
+$router.push({
+  path: '/hello',
+  query: {
+    name: 'John Doe'
+  },
+  hash: '#hash'
+})
+</script>