47 lines
1.1 KiB
Vue
47 lines
1.1 KiB
Vue
<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> |