@fy-/fws-vue 1.3.1 → 1.3.3

package/components/ui/DefaultInput.vue

@@ -3,7 +3,7 @@ import { LinkIcon } from "@heroicons/vue/24/solid";
 import { computed, onMounted, onUnmounted, ref, toRef } from "vue";
 import type { ErrorObject } from "@vuelidate/core";
 import { useTranslation } from "../../composables/translations";
-//import DefaultTagInput from "./DefaultTagInput.vue";
+import DefaultTagInput from "./DefaultTagInput.vue";
 
 type modelValueType = string | number | string[] | number[] | undefined;
 
@@ -96,16 +96,12 @@ const modelCheckbox = computed({
 });
 defineExpose({ focus, blur, getInputRef });
 const dpComponent = ref<any | null>(null);
-const dptagComponent = ref<any | null>(null);
 onMounted(async () => {
-  if (props.type === "datepicker") {
+  if (!import.meta.env.SSR) {
+    // Dynamically import VueDatePicker only on the client side
     const { default: VueDatePicker } = await import("@vuepic/vue-datepicker");
     dpComponent.value = VueDatePicker;
   }
-  if (props.type === "tags" || props.type === "chips") {
-    const { default: DefaultTagInput } = await import("./DefaultTagInput.vue");
-    dptagComponent.value = DefaultTagInput;
-  }
 });
 </script>
 <template>
@@ -215,9 +211,7 @@ onMounted(async () => {
             >{{ label ? label : placeholder }}
           </label>
           <!-- @vue-skip -->
-          <component
-            :is="dptagComponent"
-            v-if="dptagComponent"
+          <DefaultTagInput
             v-model="model"
             :id="id"
             :disabled="disabled"

package/components/ui/DefaultTagInput.vue

@@ -63,7 +63,6 @@ const removeTag = (index: number) => {
   focusInput();
 };
 
-/*
 const removeLastTag = () => {
   if (!textInput.value) return;
   if (textInput.value.innerText === "") {
@@ -85,7 +84,7 @@ const removeLastTag = () => {
     }
   }
 };
-*/
+
 const focusInput = () => {
   if (!textInput.value) return;
 
@@ -110,6 +109,7 @@ const handlePaste = (e: any) => {
     :class="`tags-input ${$props.error ? 'error' : ''}`"
     @click="focusInput"
     @keydown.enter.prevent="addTag"
+    @keydown.backspace.prevent="removeLastTag"
   >
     <span
       v-for="(tag, index) in model"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "repository": {