@kungal/editor-nuxt 0.15.0 → 0.17.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @kungal/editor-nuxt
 
+## 0.17.0
+
+### Patch Changes
+
+- Updated dependencies [59abbc8]
+  - @kungal/editor-core@0.17.0
+  - @kungal/editor-vue@0.17.0
+
+## 0.16.0
+
+### Minor Changes
+
+- 4e160ee: `<KunEditorToolbar>`: the emoji/sticker picker tabs are now a
+  `<KunTab variant="underlined" full-width>` instead of two `<KunButton>`s —
+  matching `<KunEditorViewSwitch>` and the forum's picker (keyboard nav, sliding
+  indicator, a11y). Only shown when a `stickerSource` adapter is present.
+
+### Patch Changes
+
+- @kungal/editor-core@0.16.0
+- @kungal/editor-vue@0.16.0
+
 ## 0.15.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/editor-nuxt",
-  "version": "0.15.0",
+  "version": "0.17.0",
   "description": "KunEditor Nuxt Layer — wraps @kungal/editor-vue and auto-imports <KunEditor> so an existing Nuxt app keeps its exact DX (no import needed).",
   "type": "module",
   "keywords": [
@@ -31,8 +31,8 @@
     "nuxt.config.ts"
   ],
   "dependencies": {
-    "@kungal/editor-core": "0.15.0",
-    "@kungal/editor-vue": "0.15.0"
+    "@kungal/editor-core": "0.17.0",
+    "@kungal/editor-vue": "0.17.0"
   },
   "peerDependencies": {
     "@kungal/ui-vue": "^2.7.0",

package/runtime/KunEditorToolbar.vue

@@ -16,7 +16,10 @@
 // set). There is deliberately NO math button — an empty inline-math atom is a
 // broken node; math is entered via the `$…$` / `$$` input rules.
 //
-// KunButton/KunIcon/KunTooltip/KunPopover are auto-imported by @kungal/ui-nuxt in
+// The emoji/sticker picker switches tabs with a <KunTab variant="underlined">
+// (matching <KunEditorViewSwitch> and the forum's picker).
+//
+// KunButton/KunIcon/KunTooltip/KunPopover/KunTab are auto-imported by ui-nuxt in
 // the consuming app; icons use the app's iconify set (e.g. lucide via @nuxt/icon).
 // The container/menu utility classes are generated via @kungal/editor-nuxt's
 // shipped tailwind.css (@source) — the consumer @imports it once.
@@ -126,7 +129,7 @@ const onFileChange = async (e: Event) => {
 const showPicker = computed(() => props.features.sticker !== false)
 const stickerSource = computed(() => props.adapters.stickerSource)
 const hasSticker = computed(() => !!stickerSource.value)
-const tab = ref<'emoji' | 'sticker'>('emoji')
+const tab = ref('emoji') // 'emoji' | 'sticker' — widened to string for KunTab v-model
 const packs = ref<StickerPack[]>([])
 const loaded = ref(false)
 const loadFailed = ref(false)
@@ -217,20 +220,18 @@ const insertSticker = (src: string, name: string) =>
           </KunButton>
         </template>
 
-        <div v-if="hasSticker" class="mb-2 flex gap-1">
-          <KunButton
-            :variant="tab === 'emoji' ? 'flat' : 'light'"
-            size="sm"
-            @click="tab = 'emoji'"
-            >{{ t.emoji }}</KunButton
-          >
-          <KunButton
-            :variant="tab === 'sticker' ? 'flat' : 'light'"
-            size="sm"
-            @click="tab = 'sticker'"
-            >{{ t.sticker }}</KunButton
-          >
-        </div>
+        <KunTab
+          v-if="hasSticker"
+          v-model="tab"
+          :items="[
+            { value: 'emoji', textValue: t.emoji },
+            { value: 'sticker', textValue: t.sticker }
+          ]"
+          variant="underlined"
+          color="primary"
+          :full-width="true"
+          class="mb-2"
+        />
 
         <div
           v-show="!hasSticker || tab === 'emoji'"