2.0.1 release

Author: adamberecz

README.md

@@ -4,6 +4,8 @@
     <img alt="npm" src="https://img.shields.io/npm/dm/@vueform/multiselect?color=%2353ca2f">
   </a>
 
+  <img alt="CircleCI" src="https://img.shields.io/circleci/build/github/vueform/multiselect">
+
   <a href="https://codecov.io/gh/vueform/multiselect" target="_blank">
     <img src="https://img.shields.io/codecov/c/github/vueform/multiselect"/>
   </a>
@@ -46,8 +48,8 @@
 
 ## Other libraries
 
-* [@vueform/slider](https://github.com/vueform/slider) - Vue 3 slider component with multihandles, tooltips merging and formatting.
-* [@vueform/toggle](https://github.com/vueform/toggle) - Vue 3 toggle component with Tailwind support.
+* [@vueform/slider](https://github.com/vueform/slider) - Vue 3 slider component with tooltips & Tailwind support.
+* [@vueform/toggle](https://github.com/vueform/toggle) - Vue 3 toggle component with custom labels & Tailwind support.
 
 ## Multiselect features
 

package.json

@@ -2,7 +2,7 @@
   "name": "@vueform/multiselect",
   "version": "2.0.0",
   "private": false,
-  "description": "Vue 3 multiselect component with Tailwind support.",
+  "description": "Vue 3 multiselect component with tagging options & Tailwind support.",
   "license": "MIT",
   "author": "Adam Berecz <[email protected]>",
   "main": "./dist/multiselect.js",

src/Multiselect.d.ts

@@ -1,64 +1,64 @@
 import Vue,{ VNode } from 'vue';
 
 declare class Multiselect extends Vue {
-    modelValue?: any;
-    value?: any;
-    mode: 'single'|'multiple'|'tags';
-    options?: any[];
-    searchable?: boolean;
-    valueProp?: string;
-    trackBy?: string;
-    label?: string;
-    placeholder?: string|null;
-    multipleLabel?: any; // Function
-    disabled?: boolean;
-    max?: number;
-    limit?: number;
-    loading?: boolean;
-    id?: string;
-    caret?: boolean;
-    maxHeight?: string|number;
-    noOptionsText?: string;
-    noResultsText?: string;
-    canDeselect?: boolean;
-    canClear?: boolean;
-    clearOnSearch?: boolean;
-    clearOnSelect?: boolean;
-    delay?: number;
-    filterResults?: boolean;
-    minChars?: number;
-    resolveOnLoad?: boolean;
-    appendNewTag?: boolean;
-    createTag?: boolean;
-    addTagOn?: string[];
-    hideSelected?: boolean;
-    showOptions?: boolean;
-    object?: boolean;
-    required?: boolean;
-    openDirection?: 'top'|'bottom';
-    nativeSupport?: boolean;
-    classes?: object;
+  modelValue?: any;
+  value?: any;
+  mode: 'single'|'multiple'|'tags';
+  options?: any[];
+  searchable?: boolean;
+  valueProp?: string;
+  trackBy?: string;
+  label?: string;
+  placeholder?: string|null;
+  multipleLabel?: any; // Function
+  disabled?: boolean;
+  max?: number;
+  limit?: number;
+  loading?: boolean;
+  id?: string;
+  caret?: boolean;
+  maxHeight?: string|number;
+  noOptionsText?: string;
+  noResultsText?: string;
+  canDeselect?: boolean;
+  canClear?: boolean;
+  clearOnSearch?: boolean;
+  clearOnSelect?: boolean;
+  delay?: number;
+  filterResults?: boolean;
+  minChars?: number;
+  resolveOnLoad?: boolean;
+  appendNewTag?: boolean;
+  createTag?: boolean;
+  addTagOn?: string[];
+  hideSelected?: boolean;
+  showOptions?: boolean;
+  object?: boolean;
+  required?: boolean;
+  openDirection?: 'top'|'bottom';
+  nativeSupport?: boolean;
+  classes?: object;
 
-    $emit(eventName: 'change', e: {originalEvent: Event, value: any}): this;
-    $emit(eventName: 'select', e: {originalEvent: Event, value: any, option: any}): this;
-    $emit(eventName: 'deselect', e: {originalEvent: Event, value: any, option: any}): this;
-    $emit(eventName: 'remove', e: {originalEvent: Event, value: any, option: any}): this;
-    $emit(eventName: 'search-change', e: {originalEvent: Event, query: string}): this;
-    $emit(eventName: 'tag', e: {originalEvent: Event, query: string}): this;
-    $emit(eventName: 'open'): this;
-    $emit(eventName: 'close'): this;
-    $emit(eventName: 'clear'): this;
+  $emit(eventName: 'change', e: {originalEvent: Event, value: any}): this;
+  $emit(eventName: 'select', e: {originalEvent: Event, value: any, option: any}): this;
+  $emit(eventName: 'deselect', e: {originalEvent: Event, value: any, option: any}): this;
+  $emit(eventName: 'remove', e: {originalEvent: Event, value: any, option: any}): this;
+  $emit(eventName: 'search-change', e: {originalEvent: Event, query: string}): this;
+  $emit(eventName: 'tag', e: {originalEvent: Event, query: string}): this;
+  $emit(eventName: 'open'): this;
+  $emit(eventName: 'close'): this;
+  $emit(eventName: 'clear'): this;
 
-    $slots: {
-      placeholder: VNode[];
-      afterlist: VNode[];
-      beforelist: VNode[];
-      list: VNode[];
-      multiplelabel: VNode[];
-      singlelabel: VNode[];
-      option: VNode[];
-      tag: VNode[];
-    };
+  $slots: {
+    placeholder: VNode[];
+    afterlist: VNode[];
+    beforelist: VNode[];
+    list: VNode[];
+    multiplelabel: VNode[];
+    singlelabel: VNode[];
+    option: VNode[];
+    tag: VNode[];
+  };
 }
 
 export default Multiselect;

src/composables/useClasses.js

@@ -1,6 +1,6 @@
 import { computed, toRefs } from 'composition-api'
 
-export default function useStyle (props, context, dependencies)
+export default function useClasses (props, context, dependencies)
 {
   const refs = toRefs(props)
   const { disabled, openDirection } = refs