Merge branch 'main' of github.com:ueberdosis/tiptap-next into main

docs/src/docPages/examples/community.md

@@ -1,7 +1,6 @@
 # Suggestions
 
-## Vue
-<demo name="Examples/Community/Vue" />
-
-## React
-<demo name="Examples/Community/React" />
+<demos :items="{
+  Vue: 'Examples/Community/Vue',
+  React: 'Examples/Community/React',
+}" />

docs/src/docPages/examples/default.md

@@ -1,8 +1,7 @@
 # Default text editor
 Did we mention that you have full control over the rendering of the editor? Here is barebones example without any styling, but packed with a whole set of common extensions.
 
-## Vue
-<demo name="Examples/Default/Vue" />
-
-## React
-<demo name="Examples/Default/React" />
+<demos :items="{
+  Vue: 'Examples/Default/Vue',
+  React: 'Examples/Default/React',
+}" />

docs/src/docPages/installation/react.md

@@ -40,7 +40,7 @@ To actually start using tiptap, you’ll need to add a new component to your app
 
 This is the fastest way to get tiptap up and running with Vue. It will give you a very basic version of tiptap, without any buttons. No worries, you will be able to add more functionality soon.
 
-```js
+```jsx
 import { useEditor, EditorContent } from '@tiptap/react'
 import { defaultExtensions } from '@tiptap/starter-kit'
 
@@ -61,7 +61,7 @@ export default Tiptap
 ## 4. Add it to your app
 Now, let’s replace the content of `src/App.js` with the following example code to use our new `Tiptap` component in our app.
 
-```js
+```jsx
 import Tiptap from './Tiptap.jsx'
 
 const App = () => {