I’m currently getting acquainted with Vuetify and I’m finding it quite challenging to figure out how to import a specific component for use.
My current version of Vuetify is 2.4.2
According to the documentation, they mentioned about the path to vuetify export file but it's unclear on where to locate this.
import Vue from 'vue'
import vuetify from '@/plugins/vuetify' // path to vuetify export
new Vue({
vuetify,
}).$mount('#app')
I am trying to implement Tabs and other elements like this. How do I reference a specific component from Vuetify for this?
<v-card>
<v-tabs show-arrows v-model="tab">
<v-tabs-slider color="teal"></v-tabs-slider>
<template v-for="sticker in allStickers">
<v-tab :key=sticker.id :href="'#tab-'+sticker.id">
<img :src=sticker.imgurl alt="">
</v-tab>
</template>
</v-tabs>
<v-tabs-items v-model="tab">
<template v-for="sticker in allStickers">
<v-tab-item :key=sticker.id :value="'tab-' + sticker.id">
<ul class="liststickers">
<template v-for="stick in sticker.stickers">
<li :key=stick.id @click="sendSelectedSticker(stick.id)">
<img :src=stick.imgurl alt="">
<p class="stick_price">{{stick.price}}</p>
</li>
</template>
</ul>
</v-tab-item>
</template>
</v-tabs-items>
</v-card>
Your assistance on this matter is greatly appreciated.