ConsentNotice

const ConsentNotice: DefineComponent<{}, () => undefined | null | VNode<RendererNode, RendererElement, {}>[], {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, ToResolvedProps<{}, {}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

Defined in: packages/vue/src/notice.ts:25

Headless notice card. Renders nothing while the store is hydrating (!ready) or when there’s nothing to notify about (!noticeOpen).

Use this for sites that have only notice-mode categories (e.g. UK DUAA analytics like Plausible / GoatCounter). For sites with any consent-mode category, use <ConsentBanner> instead — the banner already covers notice-mode categories in its list, and noticeOpen will stay false.

Example

<ConsentNotice v-slot="{ save, deny }">
  <div class="toast">
    <p>We use privacy-friendly analytics.</p>
    <button @click="() => { deny('analytics'); save() }">Opt out</button>
    <button @click="save">Got it</button>
  </div>
</ConsentNotice>