Instructions

1. Install the npm package with your favorite package manager

# npm
npm install --save @notice-org/vue

# yarn
yarn add @notice-org/vue

# pnpm
pnpm add @notice-org/vue

2. You can now import and use the Notice component everywhere

<script setup>
import { Notice } from '@notice-org/vue'
</script>

<template>
  <Notice pageId="{{{project}}}" />
</template>

3. And you can add any of those props

<Notice
  project-id="string" // required
  page="string" // optionnal
  lang="string" // optionnal
  theme="light | dark" // optionnal
  navigation-type="query | memory" // default to memory
/>

// You can also pass children to this component that will act as a loading state
<Notice pageId="...">
  <span>Loading...</span>
</Notice>

Example sandbox