Find Intro, Usage, Prerequisites, and other in the GitHub Repo

Installation

• From a package manager:

yarn add @visual-filter/vue2
# OR
npm install @visual-filter/vue2

// JS
import VueVisualFilter from "@visual-filter/vue2"
// OR ESM distro
import VueVisualFilter from "@visual-filter/vue2/dist/component.esm.js"

// CSS
import "@visual-filter/vue2/dist/styles.css"

• For CDN users:

<!-- CSS -->
<link
  rel="stylesheet"
  href="https://unpkg.com/@visual-filter/[email protected]/dist/styles.css"
/>
<!-- OR -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@visual-filter/[email protected]/dist/styles.css"
/>

<!-- JS -->
<script src="https://unpkg.com/@visual-filter/[email protected]/dist/component.min.js"></script>
<!-- OR -->
<script src="https://cdn.jsdelivr.net/npm/@visual-filter/[email protected]/dist/component.min.js"></script>

Setting Up The Component

const app = Vue.createApp({})

// Global installation
Vue.use(VueVisualFilter)
// OR
Vue.component(VueVisualFilter.name, VueVisualFilter)

new Vue({}).$mount("#app")

// Local installation in component's option
new Vue({
  components: { VueVisualFilter },
}).$mount("#app")