vue-product-slider
vue-product-slider
Goals
- Create a simple easy to use product thumbnail slider
- Create a simple and easy to use product card slider
- Mobile friendly with touch / swipe function
Table of contents
Demo
Installation
Install the plugin:
npm install --save vue-product-slider
Use the plugin in your app:
import Vue from 'vue'
import VueProductSlider from 'vue-product-slider'
Vue.use(VueProductSlider)
You can also import the components on-demand, if you wish to do so:
import { VueProductSlider } from 'vue-product-slider'
export default {
components: {
VueProductSlider,
}
...
}
Dependencies
@babel/core: ^7.11.4@babel/preset-env: ^7.11.0@vue/test-utils: 1.0.0-beta.31babel-core: ^7.0.0-bridge.0babel-jest: ^25.5.1babel-loader: ^8.1.0bili: ^4.10.1css-loader: ^3.6.0eslint: ^6.8.0eslint-config-standard: ^14.1.1eslint-plugin-import: ^2.22.0eslint-plugin-node: ^11.1.0eslint-plugin-promise: ^4.2.1eslint-plugin-standard: ^4.0.1eslint-plugin-vue: ^6.2.2file-loader: ^5.1.0gh-pages: ^2.2.0html-webpack-plugin: ^3.2.0jest: ^25.5.4pre-commit: ^1.2.2rollup-plugin-vue: ^5.1.9uglifyjs-webpack-plugin: ^2.2.0vue-jest: ^3.0.6vue-loader: ^15.9.3vue-template-compiler: ^2.6.12webpack: ^4.46.0webpack-cli: ^3.3.12webpack-dev-server: ^3.11.0