diff --git a/packages/_vue3-migration-test/src/router.ts b/packages/_vue3-migration-test/src/router.ts
index ce5c957d29..754920da15 100644
--- 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
index 82e5a09c6f..f996c15827 100644
--- 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
new file mode 100644
index 0000000000..7bf05f3e52
--- /dev/null
+++ 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>