commit

2026-01-11 17:42:29 +00:00
commit b7f9c29d6b
10 changed files with 9412 additions and 0 deletions
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+    function set_color(color: string) {
+
+    }
+
+    const ui_colors_dropdown = ref([
+        {
+            label: "Blue",
+            class: "",
+            onselect: () => set_color("blue")
+            
+        },
+        {
+            label: "Red",
+            onselect: () => set_color("red")
+        },
+        {
+            label: "Green",
+            onselect: () => set_color("green")
+        },
+        {
+            label: "Pink",
+            onselect: () => set_color("pink")
+        },
+        {
+            label: "Purple",
+            onselect: () => set_color("purple")
+        }
+    ])
+
+</script>
+
+<template>
+    <UHeader title="">
+        <template #right>
+            <UColorModeButton />
+            <UDropdownMenu :items="ui_colors_dropdown">
+                <UButton icon="lucide:palette" variant="ghost" color="neutral" />
+            </UDropdownMenu>
+        </template>
+    </UHeader>
+    <div class="justify-center flex flex-col">
+        <h1 class="inter text-8xl font-bold text-center">Youtube to MP3</h1>
+        <UInput class="self-center" size="xl"></UInput>
+    </div>
+
+</template>