Instructions

1. お気に入りのパッケージマネージャーでnpmパッケージをインストールします

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

# yarn
yarn add @notice-org/vue

# pnpm
pnpm add @notice-org/vue






2. これでどこでもNoticeコンポーネントをインポートして使用できます

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

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






3. そして、これらのプロパティを追加できます

<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


「Notice」で作成されました。