Format files

block.json

@@ -1,22 +1,22 @@
 {
-	"apiVersion": 2,
-	"name": "frontity/frontity-slot",
-	"title": "Frontity Slot",
-	"category": "embed",
-	"description": "Insert a Frontity Slot",
-	"supports": {
-		"html": false
-	},
-	"textdomain": "frontity-slot",
-	"editorScript": "file:./build/index.js",
-	"editorStyle": "file:./build/index.css",
-	"attributes": {
-		"name": {
-			"type": "string",
-			"source": "attribute",
-			"selector": "div",
-			"attribute": "data-frontity-slot-name",
-			"default": ""
-		}
-	}
+  "apiVersion": 2,
+  "name": "frontity/frontity-slot",
+  "title": "Frontity Slot",
+  "category": "embed",
+  "description": "Insert a Frontity Slot",
+  "supports": {
+    "html": false
+  },
+  "textdomain": "frontity-slot",
+  "editorScript": "file:./build/index.js",
+  "editorStyle": "file:./build/index.css",
+  "attributes": {
+    "name": {
+      "type": "string",
+      "source": "attribute",
+      "selector": "div",
+      "attribute": "data-frontity-slot-name",
+      "default": ""
+    }
+  }
 }

src/edit.js

@@ -5,23 +5,23 @@ import { Icon, next } from "@wordpress/icons";
 import "./editor.scss";
 
 export default function FrontitySlotEdit({ attributes, setAttributes }) {
-	const instanceId = useInstanceId(FrontitySlotEdit);
-	const inputId = `blocks-frontity-slot-${instanceId}`;
+  const instanceId = useInstanceId(FrontitySlotEdit);
+  const inputId = `blocks-frontity-slot-${instanceId}`;
 
-	return (
-		<div {...useBlockProps({ className: "components-placeholder" })}>
-			<label htmlFor={inputId} className="components-placeholder__label">
-				<Icon icon={next} />
-				{__("Frontity Slot")}
-			</label>
-			<PlainText
-				className="blocks-frontity-slot-name__textarea"
-				id={inputId}
-				value={attributes.name}
-				aria-label={__("Frontity Slot name")}
-				placeholder={__("Write the name of the Slot here…")}
-				onChange={(name) => setAttributes({ name })}
-			/>
-		</div>
-	);
+  return (
+    <div {...useBlockProps({ className: "components-placeholder" })}>
+      <label htmlFor={inputId} className="components-placeholder__label">
+        <Icon icon={next} />
+        {__("Frontity Slot")}
+      </label>
+      <PlainText
+        className="blocks-frontity-slot-name__textarea"
+        id={inputId}
+        value={attributes.name}
+        aria-label={__("Frontity Slot name")}
+        placeholder={__("Write the name of the Slot here…")}
+        onChange={(name) => setAttributes({ name })}
+      />
+    </div>
+  );
 }

src/editor.scss

@@ -1,9 +1,9 @@
 [data-type="frontity/frontity-slot"] {
-	.block-editor-plain-text {
-		max-height: 250px;
-	}
+  .block-editor-plain-text {
+    max-height: 250px;
+  }
 
-	&.components-placeholder {
-		min-height: 0;
-	}
+  &.components-placeholder {
+    min-height: 0;
+  }
 }

src/index.js

@@ -4,7 +4,7 @@ import edit from "./edit";
 import save from "./save";
 
 registerBlockType("frontity/frontity-slot", {
-	icon: next,
-	edit,
-	save,
+  icon: next,
+  edit,
+  save,
 });

src/save.js

@@ -2,10 +2,10 @@ import { __ } from "@wordpress/i18n";
 import { useBlockProps } from "@wordpress/block-editor";
 
 export default function save({ attributes }) {
-	return (
-		<div
-			{...useBlockProps.save()}
-			data-frontity-slot-name={attributes.name}
-		></div>
-	);
+  return (
+    <div
+      {...useBlockProps.save()}
+      data-frontity-slot-name={attributes.name}
+    ></div>
+  );
 }