<p align="center">
  <a href="https://www.npmjs.com/package/@frsource/tiny-carousel-vue">
    <img src="https://img.shields.io/npm/v/@frsource/tiny-carousel-vue" alt="NPM version badge">
  </a>
  <a href="https://bundlephobia.com/result?p=@frsource/tiny-carousel-vue" title="Visit bundlephobia for more details!">
    <img src="https://img.shields.io/bundlephobia/minzip/@frsource/tiny-carousel-vue" alt="Vue integration bundle size badge. Data from bundlephobia.com">
  </a>
  <a href="https://bundlephobia.com/result?p=@frsource/tiny-carousel-vue">
    <img src="https://badgen.net/bundlephobia/tree-shaking/@frsource/tiny-carousel-vue" alt="Tree shaking supported">
  </a>
  <a href="https://github.com/semantic-release/semantic-release">
    <img src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg" alt="semantic-relase badge">
  </a>
  <a href="https://github.com/FRSOURCE/tiny-carousel/blob/master/LICENSE">
    <img src="https://img.shields.io/github/license/FRSOURCE/tiny-carousel" alt="license MIT badge">
  </a>
</p>

<h1 align="center">Brings @frsource/tiny-carousel into the Vue 2/3 world 💚</h1>

<p align="center">
  <a href="https://www.frsource.org/tiny-carousel/guide/usage/#vue">Usage guide</a>
  ·
  <a href="https://www.frsource.org/tiny-carousel/api-reference/integration-vue/">API Reference</a>
  ·
  <a href="https://www.frsource.org/tiny-carousel/contribution/">Contribution</a>
  ·
  <a href="https://github.com/FRSOURCE/tiny-carousel/issues">File an Issue</a>
  ·
  <a href="https://github.com/FRSOURCE/tiny-carousel/discussions">Have a question or an idea?</a>
  <br>
</p>

<p align="center">
  <br>
  <i>The @frsource/tiny-carousel integration for <a href="https://vuejs.org">Vue</a>.
    <br>Adds `TinyCarousel` component to your project.
    <br>Supports plugins from the <a href="https://www.frsource.org/tiny-carousel/ecosystem/">Tiny Carousel ecosystem</a>.
    <br>Compatible with both Vue 2 & Vue 3.
    <br>
  <br></i>
  <br>
</p>


<p align="center">
  <img src="https://github.com/FRSOURCE/tiny-carousel/blob/master/src/logo.png" alt="Tiny carousel library logo" height="120px"/>
  <br>
  <a href="https://www.frsource.org/tiny-carousel"><strong>www.frsource.org/tiny-carousel</strong></a>
  <br>
  <br>
</p>


## Documentation

For docs, please visit [frsource.org/tiny-carousel](https://www.frsource.org/tiny-carousel/)

- [Getting Started](https://www.frsource.org/tiny-carousel/guide/usage/#vue)
- [API Reference](https://www.frsource.org/tiny-carousel/api-reference/integration-vue/)
- [Ecosystem & plugins](https://www.frsource.org/tiny-carousel/ecosystem/)

## Questions

Don’t hesitate to ask a question directly on the [discussions board](https://github.com/FRSOURCE/tiny-carousel/discussions)!

## Changelog

Changes for every release are documented in the [release notes](https://github.com/FRSOURCE/tiny-carousel/releases) and [CHANGELOG](https://github.com/FRSOURCE/tiny-carousel/blob/master/packages/vue/CHANGELOG.md).

## License

[MIT](https://opensource.org/licenses/MIT)

Copyright (c) 2021-present, Jakub FRS Freisler, FRSOURCE

