fix: script setup for filterSelect

vitest-dev · Jan 13, 2025 · ac4e505 · ac4e505
1 parent e73f005
commit ac4e505
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 22 deletions.
diff --git a/packages/ui/client/components/FilterSelect.vue b/packages/ui/client/components/FilterSelect.vue
@@ -1,26 +1,12 @@
-<script lang="ts">
-import type { PropType } from 'vue'
-import { defineComponent } from 'vue'
+<script setup lang="ts">
+defineProps<{ options: string[] }>()
+const emit = defineEmits(['update'])
 
-export default defineComponent({
-  name: 'FilterSelect',
-  props: {
-    options: {
-      type: Array as PropType<string[]>,
-      required: true,
-    },
-  },
-  data() {
-    return {
-      selected: 'All',
-    }
-  },
-  methods: {
-    onChange() {
-      this.$emit('update', this.selected)
-    },
-  },
-})
+const selected = ref('All')
+
+function onChange() {
+  emit('update', selected.value)
+}
 </script>
 
 <template>

diff --git a/packages/ui/client/composables/explorer/search.ts b/packages/ui/client/composables/explorer/search.ts
@@ -24,6 +24,8 @@ export function useSearch(searchBox: Ref<HTMLDivElement | undefined>) {
   const disableClearSearch = computed(() => search.value === '')
   const debouncedSearch = ref(search.value)
 
+  const workspaceProjects = computed(() => [...new Set(uiEntries.value.filter(entry => entry.parentId === 'root').map(entry => entry.projectName))])
+
   debouncedWatch(() => search.value, (value) => {
     debouncedSearch.value = value?.trim() ?? ''
   }, { debounce: 256 })
@@ -104,5 +106,6 @@ export function useSearch(searchBox: Ref<HTMLDivElement | undefined>) {
     filteredFiles,
     testsTotal,
     uiEntries,
+    workspaceProjects,
   }
 }