nuxt-glorious 2.0.0-develop-25 → 2.0.0-develop-27

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-glorious",
   "configKey": "glorious",
-  "version": "2.0.0-develop-25"
+  "version": "2.0.0-develop-27"
 }

package/dist/runtime/components/G/Input.vue

@@ -72,12 +72,10 @@ const isSelected = (value: any): boolean => {
   if (typeof tags.value !== 'object' && typeof modelValue.value !== 'object')
     return false
 
-  console.log()
-
   return (
-    tags.value.some((item: any) => item.value === value) ||
+    tags.value.some((item: any) => item[props.keyOfValue] === value) ||
     (typeof modelValue.value === 'object' &&
-      modelValue.value.some((item: any) => item.value === value))
+      modelValue.value.some((item: any) => item[props.keyOfValue] === value))
   )
 }
 const addTagViaOption = (option: any, event: any) => {
@@ -212,8 +210,12 @@ const inputClicked = (event: any) => {
               v-for="(option, index) in props.options"
               :key="index"
               @click="addTagViaOption(option, $event)"
-              :class="[isSelected(option.value) ? 'disabled' : '']"
+              :class="[isSelected(option[props.keyOfValue]) ? 'disabled' : '']"
             >
+              <slot
+                name="option"
+                :item="option"
+              ></slot>
               {{
                 option[
                   getAttribute(props.displayTextKey, 'input', 'displayTextKey')
@@ -231,6 +233,10 @@ const inputClicked = (event: any) => {
           v-for="(item, index) in tags"
           :key="index"
         >
+          <slot
+            name="option"
+            :item="item"
+          ></slot>
           {{
             typeof item === 'object'
               ? item[
@@ -238,9 +244,7 @@ const inputClicked = (event: any) => {
                 ]
               : item
           }}
-          <div
-            class="delete-option border border-red-500 rounded p-1 hover:bg-red-50"
-          >
+          <div class="glorious-input-tag-delete-option">
             <GIcon
               name="glorious-x"
               :size="10"

package/dist/runtime/style/style.css

@@ -686,6 +686,10 @@ button:focus-visible {
   @apply text-gray-500;
 }
 
+.glorious-input-tag-delete-option {
+  @apply border border-red-500 rounded p-1 hover:bg-red-50;
+}
+
 .glorious-loading {
   aspect-ratio: 1;
   border-radius: 50%;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-develop-25",
+  "version": "2.0.0-develop-27",
   "name": "nuxt-glorious",
   "description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
   "repository": "sajadhzj/nuxt-glorious",