Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: change option.icon component to <component>

Browse Source
This commit is contained in:
hrynevych.romann 2024-02-19 11:06:55 +02:00
parent 651e6ae19c
commit b09910fb2e
3 changed files with 2 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/www/.vitepress/config.mts
View File

@ -70,13 +70,6 @@ export default defineConfig({
rewrites: { rewrites: {
'content/(.*)': '(.*)', 'content/(.*)': '(.*)',
}, },
vue: {
template: {
compilerOptions: {
isCustomElement: tag => tag === 'option.icon',
},
},
},
vite: { vite: {
css: { css: {
postcss: { postcss: {

2
apps/www/src/examples/big-data/components/DataTableFacetedFilter.vue
View File

@ -108,7 +108,7 @@ const selectedValues = computed(() => new Set(props.column?.getFilterValue() as
> >
<CheckIcon :class="cn('h-4 w-4')" /> <CheckIcon :class="cn('h-4 w-4')" />
</div> </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>{{ 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"> <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) }} {{ facets.get(option.value) }}

2
apps/www/src/examples/tasks/components/DataTableFacetedFilter.vue
View File

@ -108,7 +108,7 @@ const selectedValues = computed(() => new Set(props.column?.getFilterValue() as
> >
<CheckIcon :class="cn('h-4 w-4')" /> <CheckIcon :class="cn('h-4 w-4')" />
</div> </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>{{ 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"> <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) }} {{ facets.get(option.value) }}