diff --git a/apps/docs/src/components/docs/DocsFaq.vue b/apps/docs/src/components/docs/DocsFaq.vue index b4aac3c34..5faf632ef 100644 --- a/apps/docs/src/components/docs/DocsFaq.vue +++ b/apps/docs/src/components/docs/DocsFaq.vue @@ -1,14 +1,56 @@ - - const props = defineProps<{ + diff --git a/apps/docs/src/components/docs/DocsFaqItem.vue b/apps/docs/src/components/docs/DocsFaqItem.vue index b7be753dd..f7e3236ec 100644 --- a/apps/docs/src/components/docs/DocsFaqItem.vue +++ b/apps/docs/src/components/docs/DocsFaqItem.vue @@ -2,13 +2,23 @@ // Framework import { ExpansionPanel } from '@vuetify/v0' - defineProps<{ + // Context + import { useFaqFilter } from './DocsFaq.vue' + + // Utilities + import { toRef } from 'vue' + + const { question } = defineProps<{ question: string }>() + + const filter = useFaqFilter() + const result = filter.apply(filter.query, () => [question]) + const visible = toRef(() => result.items.value.length > 0)