@richhtmleditor/vue 1.1.3 → 1.2.1

package/README.md

@@ -2,13 +2,13 @@
 
 Vue 3 component for Rich HTML Editor, built on [`@richhtmleditor/core`](https://www.npmjs.com/package/@richhtmleditor/core). WYSIWYG authoring with toolbar presets, slot-based custom tools, and enterprise plugin support.
 
-**Current release: 1.1.3** — Depends on `@richhtmleditor/core` **^1.1.3**.
+**Current release: 1.2.1** — Depends on `@richhtmleditor/core` **^1.2.1**.
 
 **Repository:** [github.com/rajkishorsahu89/richhtmleditor](https://github.com/rajkishorsahu89/richhtmleditor)
 
 **Demo:** [richhtmleditor.vercel.app](https://richhtmleditor.vercel.app/) — [demo](https://richhtmleditor.vercel.app/demo) · [guide](https://richhtmleditor.vercel.app/guide) · [API](https://richhtmleditor.vercel.app/api). Doc Preview joint demo: [doc-preview-app.vercel.app/demo/enterprise](https://doc-preview-app.vercel.app/demo/enterprise)
 
-### What's in 1.1.3
+### What's in 1.2.1
 
 - **`RichHtmlEditor`** — Vue 3 `defineComponent` wrapper around `createEditor`
 - **Props** — `content`, `editable`, `dark`, `theme`, `toolbar`, `features`, `plugins`
@@ -16,6 +16,29 @@ Vue 3 component for Rich HTML Editor, built on [`@richhtmleditor/core`](https://
 - **Events** — `@change` and `@save` emit `EditorContent`
 - Re-exports all public symbols from `@richhtmleditor/core`
 
+### New in 1.2.1
+
+| Feature | Vue usage |
+| --- | --- |
+| **Callout blocks** — info / warning / success / error styled blocks | `editorRef.value.commands.insertCallout("info")` or toolbar **Callout** dropdown |
+| **Embed blocks** — YouTube, Loom, Figma auto-embed | Paste URL to auto-embed; or `editorRef.value.commands.insertEmbed(url)` |
+| **Word goal + progress bar** | `editorRef.value.commands.setWordGoal(500)` — progress bar in status bar |
+| **Reading time** | Displayed automatically: status bar shows `~N min read` |
+| **Dark mode toggle** | `:dark="true"` prop **or** toolbar `toggleDarkMode` button |
+| **Markdown shortcuts** | Always on — `## ` → H2, `**bold**`, `_italic_`, `` ` ``code`` ` `` |
+| **Markdown import** | `editorRef.value.commands.importMarkdown()` — opens `.md` file picker |
+| **Case change** | `editorRef.value.commands.caseChange("upper" \| "lower" \| "title" \| "sentence")` |
+| **Smart typography** | Auto-converts straight quotes, `--` → em dash, `...` → ellipsis |
+| **Autolink** | URLs auto-link on paste and after typing a space |
+| **Task lists** | `:features="{ taskList: true }"` — checkbox bullet lists |
+| **XLSX / CSV paste** | Paste from Excel or Google Sheets → inserts a table |
+| **Table sort** | Click any `<th>` to sort column; click again to reverse |
+| **Undo history panel** | `editorRef.value.commands.undoHistoryPanel()` — sidebar with full undo stack |
+| **TOC navigation** | Click a TOC entry in the outline panel → scrolls to that heading |
+| **Preview modal** | `editorRef.value.commands.previewModal()` — read-only rendered preview overlay |
+| **Autoresize** | `:features="{ autoresize: true }"` — editor grows with content |
+| **Mobile touch** | Touch-optimised toolbar; 40 px tap targets on `pointer: coarse` devices |
+
 > Ships as ESM with TypeScript declarations. Peer dep: `vue` ^3.5. Import [`@richhtmleditor/themes`](https://www.npmjs.com/package/@richhtmleditor/themes) CSS in your app entry.
 
 **Keywords:** `richhtmleditor` `vue` `vue3` `wysiwyg` `rich-text-editor`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@richhtmleditor/vue",
-  "version": "1.1.3",
+  "version": "1.2.1",
   "description": "Vue 3 wrapper for Rich HTML Editor.",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,7 +21,7 @@
     "prepack": "node ../../scripts/assert-pack-ready.mjs"
   },
   "dependencies": {
-    "@richhtmleditor/core": "^1.1.1"
+    "@richhtmleditor/core": "^1.2.0"
   },
   "peerDependencies": {
     "vue": "^3.5.0"