accura-homepage-component-vite

vue component npm에 배포해서 사용하기 연습

usage

<script lang="ts" setup>
import {
  ListDeco, TextShow, TextTyping, SlideScroll, HeaderModalButton
} from 'accura-homepage-component-vite';

const mokList = [
  { contents: '11111' },
  { contents: '22222' },
  { contents: '33333' },
  { contents: '44444' },
];
</script>

     
<TextShow text="회전 하면서 글자가 나타나요" />

     
<TextShow
  text="회전 하면서 글자가 나타나요"
  :interval-ms="150"
  class="text-center text-2xl"
/>

   
<ListDeco :list="mokList" />

   
<TextTyping
  text="글자가 하나씩 나타나는 타이핑효과입니다. \n줄바꿈이 가능합니다."
/>

   
<TextTyping
  text="글자가 하나씩 나타나는 타이핑효과입니다. \n줄바꿈이 가능합니다."
  :interval-ms="150"
  class="text-2xl"
/>