diff --git a/src/flashcards-SettingsTab.ts b/src/flashcards-SettingsTab.ts
index 746cb61..df04fbb 100644
--- a/src/flashcards-SettingsTab.ts
+++ b/src/flashcards-SettingsTab.ts
@@ -33,7 +33,7 @@ export class SimpleFlashcardsSettingsTab extends PluginSettingTab {
         const { containerEl } = this;
         containerEl.empty();
 
-        containerEl.createEl("h2", { text: "Simple Flashcards Settings" });
+        new Setting(containerEl).setHeading().setName("Simple Flashcards");
 
         new Setting(containerEl)
             .setName("Save Settings")
@@ -138,15 +138,15 @@ export class SimpleFlashcardsSettingsTab extends PluginSettingTab {
                     }),
             );
 
-        containerEl.createEl("h3", { text: "Usage" });
-        const usage = containerEl.createEl("div");
-        usage.createEl("p", {
+        new Setting(containerEl).setHeading().setName("Usage");
+
+        containerEl.createEl("p", {
             text: "Cards are created from markdown files with H2 headings (##). Each heading becomes one card.",
         });
-        usage.createEl("p", {
+        containerEl.createEl("p", {
             text: "Use --- (horizontal rule) to mark the end of card content. Anything after --- will be ignored.",
         });
-        usage.createEl("p", {
+        containerEl.createEl("p", {
             text: "Lines starting with #flashcards will be stripped from card display.",
         });
     }
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..e606111
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2018",
+    "module": "ESNext",
+    "lib": ["ES2018", "DOM"],
+    "moduleResolution": "bundler",
+    "allowJs": true,
+    "noEmit": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true
+  },
+  "include": ["src/**/*"]
+}