From b09910fb2eb6f6dbad20a4cb6971cb6f17f5f4c7 Mon Sep 17 00:00:00 2001
From: "hrynevych.romann" <hrynevych.romann@gmail.com>
Date: Mon, 19 Feb 2024 11:06:55 +0200
Subject: [PATCH] fix: change `option.icon` component to `<component>`

---
 apps/www/.vitepress/config.mts                             | 7 -------
 .../big-data/components/DataTableFacetedFilter.vue         | 2 +-
 .../examples/tasks/components/DataTableFacetedFilter.vue   | 2 +-
 3 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/apps/www/.vitepress/config.mts b/apps/www/.vitepress/config.mts
index e44e2536..b6cf67bd 100644
--- a/apps/www/.vitepress/config.mts
+++ b/apps/www/.vitepress/config.mts
@@ -70,13 +70,6 @@ export default defineConfig({
   rewrites: {
     'content/(.*)': '(.*)',
   },
-  vue: {
-    template: {
-      compilerOptions: {
-        isCustomElement: tag => tag === 'option.icon',
-      },
-    },
-  },
   vite: {
     css: {
       postcss: {
diff --git a/apps/www/src/examples/big-data/components/DataTableFacetedFilter.vue b/apps/www/src/examples/big-data/components/DataTableFacetedFilter.vue
index 8261aefc..337a6caa 100644
--- a/apps/www/src/examples/big-data/components/DataTableFacetedFilter.vue
+++ b/apps/www/src/examples/big-data/components/DataTableFacetedFilter.vue
@@ -108,7 +108,7 @@ const selectedValues = computed(() => new Set(props.column?.getFilterValue() as
               >
                 <CheckIcon :class="cn('h-4 w-4')" />
               </div>
-              <option.icon v-if="option.icon" class="mr-2 h-4 w-4 text-muted-foreground" />
+              <component :is="option.icon" v-if="option.icon" class="mr-2 h-4 w-4 text-muted-foreground" />
               <span>{{ option.label }}</span>
               <span v-if="facets?.get(option.value)" class="ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs">
                 {{ facets.get(option.value) }}
diff --git a/apps/www/src/examples/tasks/components/DataTableFacetedFilter.vue b/apps/www/src/examples/tasks/components/DataTableFacetedFilter.vue
index 8261aefc..337a6caa 100644
--- a/apps/www/src/examples/tasks/components/DataTableFacetedFilter.vue
+++ b/apps/www/src/examples/tasks/components/DataTableFacetedFilter.vue
@@ -108,7 +108,7 @@ const selectedValues = computed(() => new Set(props.column?.getFilterValue() as
               >
                 <CheckIcon :class="cn('h-4 w-4')" />
               </div>
-              <option.icon v-if="option.icon" class="mr-2 h-4 w-4 text-muted-foreground" />
+              <component :is="option.icon" v-if="option.icon" class="mr-2 h-4 w-4 text-muted-foreground" />
               <span>{{ option.label }}</span>
               <span v-if="facets?.get(option.value)" class="ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs">
                 {{ facets.get(option.value) }}