Getting Started
Installation
Install this package with Yarn:
yarn add @jledentu/vue-finder
# Or, using npm
npm install --save @jledentu/vue-finder
Basic usage
Then, import and use the component:
<!-- Vue component (.vue) -->
<template>
<div>
<Finder :tree="tree"></Finder>
</div>
</template>
<script>
import { Finder } from "@jledentu/vue-finder";
export default {
components: {
Finder,
},
data() {
return {
tree: {
id: "root",
children: [
{
id: "child1",
label: "Child 1",
},
{
id: "child2",
label: "Child 2",
},
],
},
};
},
};
</script>
The component itself does not include any CSS. You'll need to include it separately:
import "@jledentu/vue-finder/dist/vue-finder.css";