@fy-/fws-vue 2.3.32 → 2.3.34

package/components/ui/DefaultTagInput.vue

@@ -265,18 +265,40 @@ function focusInput() {
 const handlePaste = useDebounceFn((e: ClipboardEvent) => {
   if (!textInput.value || isMaxReached.value) return
 
+  // Prevent the default paste behavior
+  e.preventDefault()
+
   const clipboardData = e.clipboardData ?? (window as any).clipboardData
   if (!clipboardData) return
 
   const text = clipboardData.getData('text')
   if (!text.trim()) return
 
+  // Replace all instances of separators with a standard comma
   const pasteText = text.replace(getSeparatorRegex(true), ',')
 
-  // Set the text content directly, rather than appending
-  textInput.value.textContent = pasteText
-  e.preventDefault()
-  addTag()
+  // Insert the text at the cursor position
+  const selection = window.getSelection()
+  if (selection && selection.rangeCount > 0) {
+    const range = selection.getRangeAt(0)
+    range.deleteContents()
+    range.insertNode(document.createTextNode(pasteText))
+
+    // Set cursor position to the end of the inserted text
+    range.setStartAfter(range.endContainer)
+    range.collapse(true)
+    selection.removeAllRanges()
+    selection.addRange(range)
+  }
+  else {
+    // Fallback if no selection: just set the content
+    textInput.value.textContent = pasteText
+  }
+
+  // Process the tags after a short delay to ensure DOM is updated
+  setTimeout(() => {
+    addTag()
+  }, 10)
 }, 50)
 
 /**

package/composables/seo.ts

@@ -46,8 +46,8 @@ function processImageUrl(image: string | undefined, imageType: string | undefine
 }
 
 // Helper function to normalize image type
-function normalizeImageType(imageType: string | undefined): 'image/jpeg' | 'image/gif' | 'image/png' | false {
-  if (!imageType) return false
+function normalizeImageType(imageType: string | undefined): 'image/jpeg' | 'image/gif' | 'image/png' | null {
+  if (!imageType) return null
 
   const type = imageType.includes('image/') ? imageType : `image/${imageType}`
   if (type === 'image/jpeg' || type === 'image/gif' || type === 'image/png') {
@@ -72,7 +72,10 @@ export function useSeo(seoData: Ref<LazyHead>, initial: boolean = false) {
   // Memoize common values
   const localeForOg = computed(() => currentLocale?.replace('-', '_'))
   const imageUrl = computed(() => processImageUrl(seoData.value.image, seoData.value.imageType))
-  const imageType = computed(() => normalizeImageType(seoData.value.imageType))
+  const imageType = computed(() => {
+    const type = normalizeImageType(seoData.value.imageType)
+    return type === null ? undefined : type
+  })
   const imageAlt = computed(() => seoData.value.image ? seoData.value.title : undefined)
 
   useHead({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "2.3.32",
+  "version": "2.3.34",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "homepage": "https://github.com/fy-to/FWJS#readme",