### Reference method
```js
// Mode 1: Global Import
import ftComponentSet from 'ft-component-set'; // 引入的组件
import 'ft-component-set/style.css'; // 引入组件样式

const app = createApp(App);

app.use(ftComponentSet).mount('#app');

...

<countTo :endVal="2022"></countTo>
<pageQuery :total="10"></pageQuery>
<ftVideo :data="{}" :controls="false" muted></ftVideo>
```
```vue
<template>
  <countTo :startVal="0" :endVal="2022" :duration="3000"></countTo>
  <pageQuery :total="10"></pageQuery>
  <ftVideo :data="videoData" :controls="false" muted></ftVideo>
</template>
<script setup>
  // Mode 2: On Demand Import
  import { countTo, pageQuery, ftVideo } from 'ft-component-set';
  import 'ft-component-set/style.css';

  const videoData =  {
    url: 'http://219.151.31.38/liveplay-kk.rtxapp.com/live/program/live/hnwshd/4000000/mnf.m3u8',
    name: 'test'
  }
</script>
```
### Options : ft-video
|    Property    |    Description   |   type   |	default	|
| -----------------  | ---------------- | :--------: | :----------: |
| data               | Video Information | Object | -- |
| controls           | Show Control Bar | Boolean | false |
| muted              | Mute | Boolean | true |


### Options : page-query
|    Property    |    Description   |   type   |	default	|
| -----------------  | ---------------- | :--------: | :----------: |
| total              | Total Page | Number | -- |
| index              | Current Page Index | Number | false |
| isLoop             | Whether to Loop | Boolean | false |
| timing             | Loop Interval | Boolean | true |


### Options ： count-to
|    Property    |    Description   |   type   |	default	|
| -----------------  | ---------------- | :--------: | :----------: |
| startVal           | the value you want to begin at |Number| 0 |
| endVal             | the value you want to arrive at |Number | 2022 |
| duration           | duration in millisecond | Number | 3000 |
| autoplay           | when mounted autoplay | Boolean | true |
| decimals           | the number of decimal places to show | Number | 0 |
| decimal            | the split decimal | String | . |
| separator          | the separator | String | , |
| prefix             | the prefix | String | '' |
| suffix             | the suffix | String | '' |
| useEasing          | is use easing function | Boolean | true |
| easingFn           | the easing function | Function | — |
** notes: when autoplay:true , it will auto start when startVal or endVal change **
### Functions ： count-to
| Function Name | Description   |
| :-----------------:   | -----  |
|    mountedCallback    |  when mounted will emit  mountedCallback  |
|    start              |  start the countTo  |
|    pause              |  pause  the countTo |
|    reset              |  reset  the countTo |