Getting started

Requirements

• Vue 3
• Node.js v20+

Installation

npm

npm install vue-snap

pnpm

pnpm install vue-snap

yarn

yarn install vue-snap

Global Registration

import { createApp } from 'vue';
import VueSnap from 'vue-snap';
import 'vue-snap/dist/vue-snap.css';

const myApp = createApp(App);

myApp.use(VueSnap);

Local Registration

import { Carousel, Slide } from 'vue-snap';
import 'vue-snap/dist/vue-snap.css';

export default {
  components: {
    Carousel,
    Slide
  }
};

Nuxt

1. Create a plugin

plugins/vue-snap.ts

import VueSnap from 'vue-snap'

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(VueSnap);
});

2. Import Styles

nuxt.config.ts

export default defineNuxtConfig({
  css: ['vue-snap/dist/vue-snap.css']
});