tabs to spaces whitespace

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>