tabs to spaces whitespace

examples/Components/Routes/Embeds/Iframe.js

@@ -2,57 +2,57 @@ import { Node } from 'tiptap'
 
 export default class Iframe extends Node {
 
-	get name() {
-		return 'iframe'
-	}
+  get name() {
+    return 'iframe'
+  }
 
-	get schema() {
-		return {
-			attrs: {
-				src: {
-					default: null,
-				},
-			},
-			group: 'block',
-			selectable: false,
-			parseDOM: [{
-				tag: 'iframe',
-				getAttrs: dom => ({
-					src: dom.getAttribute('src'),
-				}),
-			}],
-			toDOM: node => ['iframe', {
-				src: node.attrs.src,
-				frameborder: 0,
-				allowfullscreen: 'true',
-			}],
-		}
-	}
+  get schema() {
+    return {
+      attrs: {
+        src: {
+          default: null,
+        },
+      },
+      group: 'block',
+      selectable: false,
+      parseDOM: [{
+        tag: 'iframe',
+        getAttrs: dom => ({
+          src: dom.getAttribute('src'),
+        }),
+      }],
+      toDOM: node => ['iframe', {
+        src: node.attrs.src,
+        frameborder: 0,
+        allowfullscreen: 'true',
+      }],
+    }
+  }
 
-	get view() {
-		return {
-			props: ['node', 'updateAttrs', 'editable'],
-			data() {
-				return {
-					url: this.node.attrs.src,
-				}
-			},
-			methods: {
-				onChange(event) {
-					this.url = event.target.value
+  get view() {
+    return {
+      props: ['node', 'updateAttrs', 'editable'],
+      data() {
+        return {
+          url: this.node.attrs.src,
+        }
+      },
+      methods: {
+        onChange(event) {
+          this.url = event.target.value
 
-					this.updateAttrs({
-						src: this.url,
-					})
-				},
-			},
-			template: `
-				<div class="iframe">
-					<iframe class="iframe__embed" :src="url"></iframe>
-					<input class="iframe__input" type="text" :value="url" @input="onChange" v-if="editable" />
-				</div>
-			`,
-		}
-	}
+          this.updateAttrs({
+            src: this.url,
+          })
+        },
+      },
+      template: `
+        <div class="iframe">
+          <iframe class="iframe__embed" :src="url"></iframe>
+          <input class="iframe__input" type="text" :value="url" @input="onChange" v-if="editable" />
+        </div>
+      `,
+    }
+  }
 
 }

examples/Components/Routes/Embeds/index.vue

@@ -1,51 +1,51 @@
 <template>
-	<div class="editor">
-		<editor-content class="editor__content" :editor="editor" />
-	</div>
+  <div class="editor">
+    <editor-content class="editor__content" :editor="editor" />
+  </div>
 </template>
 
 <script>
 import { Editor, EditorContent } from 'tiptap'
 import {
-	HardBreak,
-	Heading,
-	Bold,
-	Italic,
-	History,
+  HardBreak,
+  Heading,
+  Bold,
+  Italic,
+  History,
 } from 'tiptap-extensions'
 import Iframe from './Iframe.js'
 
 export default {
-	components: {
-		EditorContent,
-	},
-	data() {
-		return {
-			editor: new Editor({
-				extensions: [
-					new HardBreak(),
-					new Heading({ levels: [1, 2, 3] }),
-					new Bold(),
-					new Italic(),
-					new History(),
-					// custom extension
-					new Iframe(),
-				],
-				content: `
-					<h2>
-						Embeds
-					</h2>
-					<p>
-						This is an example of a custom iframe node. This iframe is rendered as a <strong>vue component</strong>. This makes it possible to render the input below to change its source.
-					</p>
-					<iframe src="https://www.youtube.com/embed/XIMLoLxmTDw" frameborder="0" allowfullscreen></iframe>
-				`,
-			}),
-		}
-	},
-	beforeDestroy() {
-		this.editor.destroy()
-	},
+  components: {
+    EditorContent,
+  },
+  data() {
+    return {
+      editor: new Editor({
+        extensions: [
+          new HardBreak(),
+          new Heading({ levels: [1, 2, 3] }),
+          new Bold(),
+          new Italic(),
+          new History(),
+          // custom extension
+          new Iframe(),
+        ],
+        content: `
+          <h2>
+            Embeds
+          </h2>
+          <p>
+            This is an example of a custom iframe node. This iframe is rendered as a <strong>vue component</strong>. This makes it possible to render the input below to change its source.
+          </p>
+          <iframe src="https://www.youtube.com/embed/XIMLoLxmTDw" frameborder="0" allowfullscreen></iframe>
+        `,
+      }),
+    }
+  },
+  beforeDestroy() {
+    this.editor.destroy()
+  },
 }
 </script>
 
@@ -53,20 +53,20 @@ export default {
 @import "~variables";
 
 .iframe {
-	&__embed {
-		width: 100%;
-		height: 15rem;
-		border: 0;
-	}
+  &__embed {
+    width: 100%;
+    height: 15rem;
+    border: 0;
+  }
 
-	&__input {
-		display: block;
-		width: 100%;
-		font: inherit;
-		border: 0;
-		border-radius: 5px;
-		background-color: rgba($color-black, 0.1);
-		padding: 0.3rem 0.5rem;
-	}
+  &__input {
+    display: block;
+    width: 100%;
+    font: inherit;
+    border: 0;
+    border-radius: 5px;
+    background-color: rgba($color-black, 0.1);
+    padding: 0.3rem 0.5rem;
+  }
 }
 </style>