@visual-filter/vue3
v1.0.2
Published
🕵️♂️ An unopinionated advanced visual filtering component for Vue 3
Downloads
54
Maintainers
Readme
Find Intro, Usage, Prerequisites, and other in the GitHub Repo
Installation
- From a package manager:
yarn add @visual-filter/vue3
# OR
npm install @visual-filter/vue3
// JS
import VueVisualFilter from "@visual-filter/vue3"
// OR ESM distro
import VueVisualFilter from "@visual-filter/vue3/dist/component.esm.js"
// CSS
import "@visual-filter/vue3/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
app.use(VueVisualFilter)
// OR
app.component(VueVisualFilter.name, VueVisualFilter)
app.mount("#app")
// Local installation in component's option
const app = Vue.createApp({
components: { VueVisualFilter },
})
app.mount("#app")