How to make a route guard or passing the route meta with this plugin?

[pheng0077]

I can't find the way to use route guards or passing route meta here.

[posva]

You can use definePage() within script setup:

<script setup>
definePage({
  meta: {}
})
</script>

It's still experimental because it has some limitations like not being able to use any other property within script setup

[pheng0077]

Hello, I'm using Vue3. So definePage function is unavailable. Are there any solutions for Vue3?

[posva]

This package exposes definePage

[pheng0077]

I've tried like this
<script setup lang="ts"> definePage({ meta: { auth: true } }) </script>

then I got this error
Uncaught ReferenceError: _mergeRouteRecord is not defined at routes:38:15 (anonymous) @ routes:38

here is my router
import { createRouter, createWebHistory } from "vue-router/auto";
const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), });
export default router;

and vite version 3.0.4

So did I do something wrong here?

[posva]

This likely got fixed a new recent release. You can check the playground for an example 🙂