feat: add to playground

empathyco · Jun 19, 2024 · c22bd1b · c22bd1b
1 parent bfc9ec8
commit c22bd1b
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 0 deletions.
diff --git a/packages/_vue3-migration-test/src/router.ts b/packages/_vue3-migration-test/src/router.ts
@@ -10,6 +10,7 @@ import {
   TestCrossFade,
   TestElementsList,
   TestFacets,
+  TestFilters,
   TestFade,
   TestScroll,
   TestSortDropdown,
@@ -100,6 +101,11 @@ const routes = [
     name: 'Facets',
     component: TestFacets
   },
+  {
+    path: '/filters',
+    name: 'Filters',
+    component: TestFilters
+  },
   {
     path: '/scroll',
     name: 'Scroll',

diff --git a/packages/_vue3-migration-test/src/x-modules/facets/components/index.ts b/packages/_vue3-migration-test/src/x-modules/facets/components/index.ts
@@ -1 +1,2 @@
 export { default as TestFacets } from './test-facets.vue';
+export { default as TestFilters } from './test-filters.vue';
diff --git a/packages/_vue3-migration-test/src/x-modules/facets/components/test-filters.vue b/packages/_vue3-migration-test/src/x-modules/facets/components/test-filters.vue
@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <h2>Simple Filter</h2>
+    <SimpleFilter :filter="filter" />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { SimpleFilter as SimpleFilterModel } from '@empathyco/x-types';
+  import { ref, Ref } from 'vue';
+  import SimpleFilter from '../../../../../x-components/src/x-modules/facets/components/filters/simple-filter.vue';
+
+  const filter: Ref<SimpleFilterModel> = ref({
+    modelName: 'SimpleFilter',
+    label: 'My Filter',
+    totalResults: 10,
+    facetId: 'facet1',
+    id: 'filter1',
+    selected: false
+  });
+</script>
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		export { default as TestFacets } from './test-facets.vue';
		export { default as TestFilters } from './test-filters.vue';