지침

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>







예제 샌드박스


Notice로 제작되었습니다