feat: initial support for segatools pkgs

src/components/ModList.vue

@@ -1,29 +1,44 @@
 <script setup lang="ts">
+import { ref } from 'vue';
 import Fieldset from 'primevue/fieldset';
 import ModListEntry from './ModListEntry.vue';
-import { usePkgStore, usePrfStore } from '../stores';
+import { usePkgStore } from '../stores';
+
+const props = defineProps({
+    search: String,
+});
 
 const pkg = usePkgStore();
-const prf = usePrfStore();
+const empty = ref(true);
 
 const group = () => {
     const a = Object.assign(
         {},
         Object.groupBy(
             pkg.allLocal
+                .filter(
+                    (p) =>
+                        props.search === undefined ||
+                        p.name
+                            .toLowerCase()
+                            .includes(props.search.toLowerCase()) ||
+                        p.namespace
+                            .toLowerCase()
+                            .includes(props.search.toLowerCase())
+                )
                 .sort((p1, p2) => p1.namespace.localeCompare(p2.namespace))
                 .sort((p1, p2) => p1.name.localeCompare(p2.name)),
             ({ namespace }) => namespace
         )
     );
+    empty.value = Object.keys(a).length === 0;
     return a;
 };
-
-prf.reload();
 </script>
 
 <template>
     <Fieldset v-for="(namespace, key) in group()" :legend="key.toString()">
         <ModListEntry v-for="p in namespace" :pkg="p" />
     </Fieldset>
+    <div v-if="empty" class="text-3xl">∅</div>
 </template>