Dynamically added route at runtime

export default defineNuxtPlugin(nuxtApp => {

    const router = useRouter()

    addRouteMiddleware('routing', async (to) => {
        if (to.path == '/my-awesome-product') {
            router.addRoute({
                component: () => import('/pages/product.vue'),
                name: 'product',
                path: to.path
            })
        }

    }, { global: true })

})