humanonlyweb/writer

Localisation

Every string the components show or announce.

Markdown

Pass only what you change. In Nuxt, use app.config.ts:

export default defineAppConfig({
  writer: {
    translations: { editor: "Éditeur", commands: { bold: "Gras" } },
  },
});
Copy code

In Vue, createWriter({ translations }). A ref keeps it live, e.g. when the reader switches language.

KeyDefault
editorMarkdown editor
toolbarFormatting
commandsA label per command: Bold, Italic, Strikethrough, Code, Link, Heading 1–3, Quote, Bulleted list, Numbered list, Task list, Code block, Table, Divider, Image, Footnote, Undo, Redo
taskTask (a task checkbox's name before it has text)
imageAltAlt text
imageAltHintDescribe the image for people who can't see it
imageCaptionAdd a caption
imageDropDrop an image here, or
imageChooseChoose an image
imageUrlImage URL
imageReplaceReplace
imageRemoveRemove
imageUploadingUploading…

defaultTranslations has them all; useTranslations() gives the resolved set.

Each line takes its own text direction, so right-to-left and mixed text work.