Refactor to follow Obsidian style guide

Author: EzraMarks

src/frontmatterImageEditorExtension.ts

@@ -19,10 +19,10 @@ export interface FrontmatterImageStateFieldValue {
 }
 
 export const renderFrontmatterImage = (src: string): HTMLElement => {
-	const img = document.createElement("img");
-	img.src = src;
-	img.style.display = "block";
-	return img;
+    const img = document.createElement("img");
+    img.src = src;
+    img.classList.add("frontmatter-image");
+    return img;
 }
 
 export const frontmatterImageEditorExtension = (

src/main.ts

@@ -43,8 +43,9 @@ export default class FrontmatterImagePlugin extends Plugin {
                 const div = document.createElement("div");
                 const img = renderFrontmatterImage(currentImageValue);
                 div.appendChild(img);
-                div.insertAdjacentHTML("beforeend", "<br/>");
-                element.insertAdjacentElement("beforeend", div);
+                const br = document.createElement("br");
+                div.appendChild(br);
+                element.appendChild(div);
             },
         );
     }

styles.css

@@ -0,0 +1,3 @@
+img.frontmatter-image {
+    display: block;
+}