@@ -41,3 +66,3 @@
 const timeFormatTextStrings = ["Auto", "12-Hour", "24-Hour"]
 
-const themes: Array<Theme> = []
+enum StyleLayout {

@@ -63,1 +89,3 @@
-    themes.push(themeConfig)
+  const metadataMatch = styleData.match(/\/\*([\s\S]*?)\*\//);
+  if (!metadataMatch) {
+    alert(`Failed to fetch metadata for a theme, panicing`)

@@ -64,0 +101,4 @@
+  let previewImageUrl: string | undefined
+
+  for (const line of commentContent) {
+    const line_array = line.split("=")

@@ -67,1 +138,3 @@
-await fetchThemes()
+async function parseThemeLayout(
+  folder: string,
+  incomingThemeList: Array<string>,

@@ -68,0 +138,4 @@
+async function parseThemeLayout(
+  folder: string,
+  incomingThemeList: Array<string>,
+  outputThemeList: Array<Theme>) {

@@ -68,0 +148,4 @@
+    }
+}
+
+const styles: Array<Theme> = [];

@@ -68,0 +149,4 @@
+}
+
+const styles: Array<Theme> = [];
+const layouts: Array<Theme> = [];

@@ -68,0 +151,4 @@
+const styles: Array<Theme> = [];
+const layouts: Array<Theme> = [];
+
+const styleList: any = await $fetch(`${styleFolder}/styles.json`)

@@ -68,0 +152,4 @@
+const layouts: Array<Theme> = [];
+
+const styleList: any = await $fetch(`${styleFolder}/styles.json`)
+const layoutList: any = await $fetch(`${layoutFolder}/layouts.json`)

@@ -41,3 +66,3 @@
 const timeFormatTextStrings = ["Auto", "12-Hour", "24-Hour"]
 
-const themes: Array<Theme> = []
+enum styleLayout {