Zengtudor
/
Nuxt
mirror of https://github.com/nuxt/nuxt.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor(nuxt): use `defineComponent` to infer prop types for router-link stub

This commit is contained in:
Daniel Roe 2023-11-28 09:53:24 +00:00
parent 0eb9caf0c2
commit dc0e8347bf
No known key found for this signature in database
GPG Key ID: 3714AB03996F442B
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/nuxt/src/app/plugins/router.ts
View File

@ -1,4 +1,4 @@
import { h, isReadonly, reactive } from 'vue'
import { defineComponent, h, isReadonly, reactive } from 'vue'
import { isEqual, joinURL, parseQuery, parseURL, stringifyParsedURL, stringifyQuery, withoutBase } from 'ufo'
import { createError } from 'h3'
import { defineNuxtPlugin, useRuntimeConfig } from '../nuxt'
@ -188,10 +188,13 @@ export default defineNuxtPlugin<{ route: Route, router: Router }>({
}
}
nuxtApp.vueApp.component('RouterLink', {
nuxtApp.vueApp.component('RouterLink', defineComponent({
functional: true,
props: {
to: String,
to: {
type: String,
required: true
},
custom: Boolean,
replace: Boolean,
// Not implemented
@ -200,15 +203,15 @@ export default defineNuxtPlugin<{ route: Route, router: Router }>({
ariaCurrentValue: String
},
setup: (props, { slots }) => {
const navigate = () => handleNavigation(props.to, props.replace)
const navigate = () => handleNavigation(props.to!, props.replace)
return () => {
const route = router.resolve(props.to)
const route = router.resolve(props.to!)
return props.custom
? slots.default?.({ href: props.to, navigate, route })
: h('a', { href: props.to, onClick: (e: MouseEvent) => { e.preventDefault(); return navigate() } }, slots)
}
}
})
}))
if (import.meta.client) {
window.addEventListener('popstate', (event) => {