# Installation
# via Yarn / NPM
yarn add vuuri
# or with NPM
npm install vuuri
Then, import and register the component:
import Vue from 'vue'
import vuuri from 'vurri'
Vue.component('vuuri', vuuri);
# via CDN
<script src="https://unpkg.com/vuuri@1.0.0"></script>
// register globally
Vue.component('vuuri', window.vuuri.default)
# CSS
The package itself does not include any CSS, since it only takes care of displaying your elements.
# Usage
<template>
<vuuri v-model="items">
<template #item="{ item }">
<YourComponent :item="item" />
</template>
</vuuri>
</template>
<script>
import vuuri from 'vuuri';
import YourComponent from '/@/components/YourComponent';
// register globally
Vue.component('vuuri', vuuri)
export default {
// OR register locally
components: {
vuuri,
YourComponent
},
data () {
return {
items: [...], // your elements to render on screen
}
}
}
</script>
<style scoped lang="scss">
// your styles
</style>
Basic →