How do I add a new property in definePageMeta
and access it in the application, whether in middleware or via useRoute()
On any page, for example:
<code>definePageMeta({
myProperty : "value string or array or any"
});
</code>
<code>definePageMeta({
myProperty : "value string or array or any"
});
</code>
definePageMeta({
myProperty : "value string or array or any"
});
For example, middleware :
<code>export default defineNuxtRouteMiddleware(async (to) => {
if(to.meta.myProperty === "any") {
//code
}
});
</code>
<code>export default defineNuxtRouteMiddleware(async (to) => {
if(to.meta.myProperty === "any") {
//code
}
});
</code>
export default defineNuxtRouteMiddleware(async (to) => {
if(to.meta.myProperty === "any") {
//code
}
});
or in any Page :
<code>const route = useRoute();
if(route.meta.myProperty) {
// code
}
</code>
<code>const route = useRoute();
if(route.meta.myProperty) {
// code
}
</code>
const route = useRoute();
if(route.meta.myProperty) {
// code
}
I want it to be available when writing, for example, to.meta.|
show in list and click enter
to add.