@visual-filter/vue2

🕵️‍♂️ An unopinionated advanced visual filtering component for Vue 2

Usage no npm install needed!

<script type="module">
  import visualFilterVue2 from 'https://cdn.skypack.dev/@visual-filter/vue2';
</script>

README

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/vue2@1.1.1/dist/styles.css"
/>
<!-- OR -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@visual-filter/vue2@1.1.1/dist/styles.css"
/>

<!-- JS -->
<script src="https://unpkg.com/@visual-filter/vue2@1.1.1/dist/component.min.js"></script>
<!-- OR -->
<script src="https://cdn.jsdelivr.net/npm/@visual-filter/vue2@1.1.1/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")