add typography extension

docs/src/demos/Examples/Basic/index.vue

@@ -68,6 +68,7 @@
 
 <script>
 import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
+import Typography from '@tiptap/extension-typography'
 
 export default {
   components: {
@@ -82,7 +83,10 @@ export default {
 
   mounted() {
     this.editor = new Editor({
-      extensions: defaultExtensions(),
+      extensions: [
+        ...defaultExtensions(),
+        Typography(),
+      ],
       content: `
         <h2>
           Hi there,

packages/extension-typography/index.ts

@@ -0,0 +1,30 @@
+import { createExtension } from '@tiptap/core'
+import {
+  emDash,
+  ellipsis,
+  openDoubleQuote,
+  closeDoubleQuote,
+  openSingleQuote,
+  closeSingleQuote,
+} from 'prosemirror-inputrules'
+
+const Typography = createExtension({
+  addInputRules() {
+    return [
+      emDash,
+      ellipsis,
+      openDoubleQuote,
+      closeDoubleQuote,
+      openSingleQuote,
+      closeSingleQuote,
+    ]
+  },
+})
+
+export default Typography
+
+declare module '@tiptap/core/src/Editor' {
+  interface AllExtensions {
+    Typography: typeof Typography,
+  }
+}

packages/extension-typography/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@tiptap/extension-typography",
+  "version": "1.0.0",
+  "source": "index.ts",
+  "main": "dist/tiptap-extension-typography.js",
+  "umd:main": "dist/tiptap-extension-typography.umd.js",
+  "module": "dist/tiptap-extension-typography.mjs",
+  "unpkg": "dist/tiptap-extension-typography.js",
+  "jsdelivr": "dist/tiptap-extension-typography.js",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "peerDependencies": {
+    "@tiptap/core": "2.x"
+  },
+  "dependencies": {
+    "@types/prosemirror-inputrules": "^1.0.3",
+    "prosemirror-inputrules": "^1.1.3"
+  }
+}