implement filters to the menu

src/components/Navigation/Aside/AsideMenuSingle.vue

@@ -2,7 +2,7 @@
 import type { MenuItemModel } from '@/types/menu'
 import { IconDotOutline } from '@/utils/icons';
 
-defineProps({
+const props = defineProps({
     item: {
         type: Object as () => MenuItemModel,
         required: true
@@ -29,7 +29,7 @@ defineProps({
             <component :is="item.icon"
                 :class="[selected ? 'text-white fill-white' : 'text-aside group-hover:text-white group-hover:fill-white', 'mr-2 flex-shrink-0 h-6 w-6']"
                 aria-hidden="true" />
-            {{ item.name }}
+            {{ item.name.split(' | ')[0] }}
         </RouterLink>
     </div>
-</template>@/utils/menu
+</template>