setup name for pages

middleware/routing.global.ts

@@ -2,8 +2,8 @@ import { useAbility } from '@casl/vue'
 
 export default defineNuxtRouteMiddleware((to, _) => {
   const ability = useAbility()
-
-  const candidates = [to.name].concat(to.matched.map((route) => route.name))
+  console.log(to)
+  const candidates = to.matched.map((route) => route.name)
 
   const pages = ability.rules
     .filter((rule) => rule.action.toString() === 'display')

pages/cmf_licence_structure.vue

@@ -41,6 +41,10 @@ import { useDownloadFile } from '~/composables/utils/useDownloadFile'
 const { em } = useEntityManager()
 const { getRef } = useEntityFetch()
 
+definePageMeta({
+  name: 'cmf_licence_page',
+})
+
 const sseStore = useSseStore()
 const async = () => {
   return sseStore.connected

pages/parameters.vue

@@ -13,8 +13,8 @@
  * @see https://nuxt.com/docs/guide/directory-structure/layouts#overriding-a-layout-on-a-per-page-basis
  */
 definePageMeta({
-  layout: false,
   name: 'parameters_page',
+  layout: false,
 })
 </script>
 

pages/poc.vue

@@ -1,16 +0,0 @@
-<template>
-  <main>
-    <div class="pa-8">
-      <h1>POC</h1>
-      <NuxtPage />
-    </div>
-  </main>
-</template>
-
-<script setup lang="ts"></script>
-
-<style scoped lang="scss">
-h1 {
-  color: rgb(var(--v-theme-primary));
-}
-</style>

pages/subscription.vue

@@ -481,9 +481,9 @@ import MobytUserStatus from '~/models/Organization/MobytUserStatus'
 
 const ability = useAbility()
 
-if (!ability.can('display', 'subscription_page')) {
-  throw new Error('Forbidden')
-}
+definePageMeta({
+  name: 'subscription_page',
+})
 
 const showDolibarrPanel = computed(
   () =>