docs: add getting started nuxt.js example (#2142)

* docs: add getting started nuxt.js example

* docs: simplify nuxt getting-started example

- Reduce to minimal setup
- Update `package.json`, fix `nuxt.config.ts` and remove unused files
- Add `README.md` following vue example template and update
  `examples/getting-started/README.md` with nuxt row

Author: roncallyt

examples/getting-started/README.md

@@ -6,6 +6,7 @@ Minimal examples for integrating SuperDoc into your project. Each example loads
 |---------|-------------|------|
 | [react](./react) | React + TypeScript with Vite | [Guide](https://docs.superdoc.dev/getting-started/frameworks/react) |
 | [vue](./vue) | Vue 3 + TypeScript with Vite | [Guide](https://docs.superdoc.dev/getting-started/frameworks/vue) |
+| [nuxt](./nuxt) | Nuxt 4 + TypeScript with Vite | [Guide](https://docs.superdoc.dev/getting-started/frameworks/nuxt) |
 | [vanilla](./vanilla) | Plain JavaScript with Vite | [Guide](https://docs.superdoc.dev/getting-started/installation) |
 | [cdn](./cdn) | Zero build tools — just an HTML file | [Guide](https://docs.superdoc.dev/getting-started/installation) |
 

examples/getting-started/nuxt/.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

examples/getting-started/nuxt/README.md

@@ -0,0 +1,15 @@
+# SuperDoc — Nuxt
+
+Minimal Nuxt 4 + TypeScript example.
+
+## Run
+
+```bash
+npm install
+npm run dev
+```
+
+## Learn more
+
+- [Nuxt Integration Guide](https://docs.superdoc.dev/getting-started/frameworks/nuxt)
+- [Configuration Reference](https://docs.superdoc.dev/core/superdoc/configuration)

examples/getting-started/nuxt/app/pages/index.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { SuperDoc } from 'superdoc'
+
+const editor = ref<HTMLDivElement | null>(null);
+const file = ref<File | null>(null)
+
+let superdoc: SuperDoc | null = null;
+
+const handleFile = (e: Event) => {
+  const input = e.target as HTMLInputElement
+  if (input.files?.[0]) file.value = input.files[0]
+}
+
+const initEditor = () => {
+  if (!editor.value || !file.value) return
+  superdoc?.destroy()
+  superdoc = new SuperDoc({
+    selector: editor.value,
+    documentMode: 'editing',
+    document: file.value,
+  })
+}
+
+watch(file, initEditor)
+onBeforeUnmount(() => superdoc?.destroy())
+</script>
+
+<template>
+  <div>
+    <div style="padding: 1rem; background: #f5f5f5">
+      <input type="file" accept=".docx" @change="handleFile" />
+    </div>
+    <ClientOnly>
+      <div ref="editor" style="height: calc(100vh - 60px); overflow: auto;" />
+    </ClientOnly>
+  </div>
+</template>

examples/getting-started/nuxt/nuxt.config.ts

@@ -0,0 +1,6 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  ssr: false,
+  css: ['superdoc/style.css'],
+  compatibilityDate: '2025-07-15',
+})

examples/getting-started/nuxt/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "superdoc-nuxt-example",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "nuxt dev",
+    "postinstall": "nuxt prepare"
+  },
+  "dependencies": {
+    "nuxt": "^4.3.1",
+    "superdoc": "latest",
+    "vue": "^3.5.28"
+  }
+}

examples/getting-started/nuxt/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "files": [],
+  "references": [
+    {
+      "path": "./.nuxt/tsconfig.app.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.server.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.shared.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.node.json"
+    }
+  ]
+}