@sneppy/vue-swoosh v0.1.1

Swoosh

Contributors

• Sneppy @ sneppy
• Me @ sneppy
• Myself @ sneppy

Basic usage

Install the plugin:

$ npm i @sneppy/vue-swoosh

In your entry point file, import the plugin and tell Vue to setup it up:

import Vue from 'vue'
import Swoosh from '@sneppy/swoosh'

Vue.use(Swoosh)

The plugin registers the global component swoosh-view which can be used to create a carousel:

<template>
	<div id="app">
		<swoosh-view>
			<div class="section">
				<h2 class="section-name">Introduction</h2>
			</div>

			<div class="section">
				<h2 class="section-name">Details</h2>
			</div>

			<div class="section">
				<h2 class="section-name">Downloads</h2>
			</div>
		</swoosh-view>
	</div>
</template>

Right now the plugin is driven by HTML touch events, it will only work properly on devices that trigger the touch events (e.g. smartphones and tablets).

WIP