fix: error not defined

src/pages/02_personnel-management/MainPage.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
 import useUserStore from 'stores/user';
-import { Status } from 'stores/types';
 import { storeToRefs } from 'pinia';
 
 import PersonCard from 'src/components/home/PersonCard.vue';
@@ -18,23 +17,18 @@ onMounted(async () => {
   await userStore.fetchList();
 });
 
+const branchStat = ref([
+  { label: 'Branch A', amount: 1 },
+  { label: 'Branch B', amount: 5 },
+  { label: 'Branch C', amount: 3 },
+]);
+
+const selectorLabel = ref('');
 const selectorList = [
-  {
-    label: 'personnelSelector1',
-    count: 0,
-  },
-  {
-    label: 'personnelSelector2',
-    count: 0,
-  },
-  {
-    label: 'personnelSelector3',
-    count: 0,
-  },
-  {
-    label: 'personnelSelector4',
-    count: 0,
-  },
+  { label: 'personnelSelector1', count: 0 },
+  { label: 'personnelSelector2', count: 0 },
+  { label: 'personnelSelector3', count: 0 },
+  { label: 'personnelSelector4', count: 0 },
 ] satisfies InstanceType<typeof SelectorList>['$props']['list'];
 </script>