feat: adiciona filtragem basica

src/pages/franchisee/FranchiseePage.vue

@@ -1,9 +1,43 @@
 <template>
   <div>
     <DefaultHeaderPage title="Franqueados" show-filter-icon />
+
+    <div class="row q-col-gutter-x-md q-pa-sm">
+      <q-select
+        v-model="unitSelected"
+        label="Selecione a Unidade"
+        class="col-3"
+        color="secondary"
+        emit-value
+        map-options
+        :options="unitOptions"
+      />
+
+      <q-select
+        v-model="statusSelected"
+        color="secondary"
+        label="Selecione o status"
+        class="col-3"
+        emit-value
+        map-options
+        :options="statusOptions"
+      />
+    </div>
   </div>
 </template>
 
 <script setup>
 import DefaultHeaderPage from "src/components/layout/DefaultHeaderPage.vue";
+import { ref } from "vue";
+
+const statusSelected = ref(null);
+const unitSelected = ref(null);
+
+const statusOptions = ref([
+  { label: "Todos", value: null },
+  { label: "Ativo", value: "active" },
+  { label: "Inativo", value: "inactive" },
+]);
+
+const unitOptions = ref([{ label: "Todas", value: null }]);
 </script>