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) }}