From 2b32c326ac4b50ec2bca38be03e482b3f3b8f645 Mon Sep 17 00:00:00 2001
From: Finn Brewer <weeaseled@gmail.com>
Date: Sun, 21 Jul 2024 17:27:54 -0700
Subject: [PATCH] feat: better defaults for site configurations

---
 .../components/SiteConfigurationTable.vue     | 39 ++++++++++++-------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/pages/settings/components/SiteConfigurationTable.vue b/src/pages/settings/components/SiteConfigurationTable.vue
index f5a2412..c69e83c 100644
--- a/src/pages/settings/components/SiteConfigurationTable.vue
+++ b/src/pages/settings/components/SiteConfigurationTable.vue
@@ -46,11 +46,11 @@ for (const site in sites) {
 
 function newSite() {
   sites.value["New site"] = {
-    sites: [""],
+    sites: [],
     main_section: "main",
     title_selector: "",
     subtitle_selector: "",
-    image_selector: "",
+    image_selector: "img",
     caption_selector: "",
     paragraph_selector: "",
   };
@@ -113,17 +113,30 @@ function newSite() {
                 <TagsInputInput placeholder="Sites" />
               </TagsInput>
 
-              <Label for="main-section">Main section</Label>
-              <Input v-model="sites[site].main_section" id="main-section" />
-              <Label for="title-selector">Title Selector</Label>
-              <Input v-model="sites[site].title_selector" id="title-selector" />
-              <Label for="subtitle-selector">Subtitle Selector</Label>
-              <Input
-                v-model="sites[site].subtitle_selector"
-                id="subtitle-selector"
-              />
-              <Label for="image-selector">Image Selector</Label>
-              <Input v-model="sites[site].image_selector" id="image-selector" />
+              <div>
+                <Label for="main-section">Main section</Label>
+                <Input v-model="sites[site].main_section" id="main-section" />
+                <Label for="title-selector">Title Selector</Label>
+                <Input
+                  v-model="sites[site].title_selector"
+                  id="title-selector"
+                />
+                <Label for="subtitle-selector">Subtitle Selector</Label>
+                <Input
+                  v-model="sites[site].subtitle_selector"
+                  id="subtitle-selector"
+                />
+                <Label for="caption-selector">Caption Selector</Label>
+                <Input
+                  v-model="sites[site].caption_selector"
+                  id="caption-selector"
+                />
+                <Label for="image-selector">Image Selector</Label>
+                <Input
+                  v-model="sites[site].image_selector"
+                  id="image-selector"
+                />
+              </div>
 
               <AlertDialogFooter>
                 <AlertDialogCancel>Cancel</AlertDialogCancel>