feat(franchisee): adiciona rota de franqueados

src/components/layout/DefaultHeaderPage.vue

@@ -26,11 +26,8 @@
         class="flex items-center q-pl-xs"
         :class="$q.screen.lt.sm ? '' : 'q-pt-md'"
       >
-        <span
-          v-if="displayTitle"
-          class="text-h6 text-primary text-weight-regular"
-        >
-          {{ displayTitle }}
+        <span v-if="title" class="text-h6 text-primary text-weight-regular">
+          {{ title }}
         </span>
         <div v-else style="width: 280px">
           <q-skeleton type="text" height="40px" />
@@ -62,7 +59,7 @@ import { useI18n } from "vue-i18n";
 
 const { title, breadcrumbs } = defineProps({
   title: {
-    type: Object,
+    type: String,
     default: null,
   },
   breadcrumbs: {
@@ -78,23 +75,6 @@ const { title, breadcrumbs } = defineProps({
 const route = useRoute();
 const { t } = useI18n();
 
-const displayTitle = computed(() => {
-  if (title) {
-    if (title.translate) {
-      return t(title.value);
-    } else {
-      return title.value;
-    }
-  } else if (route.meta?.title) {
-    if (route.meta?.title.translate) {
-      return t(route.meta?.title.value);
-    } else {
-      return route.meta?.title.value;
-    }
-  }
-  return null;
-});
-
 const displayBreadcrumbs = computed(() => {
   if (!breadcrumbs && breadcrumbs?.length <= 0) {
     return null;

src/pages/dashboard/DashboardPage.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <DefaultHeaderPage show-filter-icon class="q-pa-sm">
+    <DefaultHeaderPage show-filter-icon class="q-pa-sm" title="Dashboard">
       <template #after>
         <div class="flex items-center no-wrap" style="gap: 12px">
           <q-select
@@ -253,7 +253,6 @@
     <div v-else class="flex flex-center full-width q-pa-xl">
       <q-spinner color="primary" size="50px" />
     </div>
-
   </div>
 </template>
 

src/pages/franchisee/FranchiseePage.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>
+    <DefaultHeaderPage title="Franqueados" />
+  </div>
+</template>
+
+<script setup>
+import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
+</script>

src/router/routes/franchisee.route.js

@@ -0,0 +1,21 @@
+export default [
+  {
+    path: "/franchisee",
+    name: "FranchiseePage",
+    component: () => import("pages/franchisee/FranchiseePage.vue"),
+    meta: {
+      title: {
+        value: "Franqueados",
+        translate: false,
+      },
+      requireAuth: true,
+      requiredPermission: "config.city",
+      breadcrumbs: [
+        {
+          name: "DashboardPage",
+          title: "Dashboard",
+        },
+      ],
+    },
+  },
+];

src/stores/navigation.js

@@ -21,6 +21,15 @@ export const navigationStore = defineStore("navigation", () => {
       permission: false,
       permissionScope: "dashboard",
     },
+    {
+      type: "single",
+      title: "Franqueados",
+      name: "FranchiseePage",
+      icon: "mdi-home-variant-outline",
+      disable: false,
+      permission: false,
+      permissionScope: "dashboard"
+    }
   ]);
 
   const getNavigationAccess = () => {