studio
/
shotgun
2
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

add event to queue button

This commit is contained in:
Branden J Brown 2024-01-29 07:19:25 -06:00
parent 583a367792
commit f858384ca0
2 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
site/src/App.vue
View File

@ -7,7 +7,7 @@
</template> </template>
</v-app-bar> </v-app-bar>
<v-main> <v-main>
<TheLanding /> <TheLanding @play="playing = !playing" />
</v-main> </v-main>
</v-app> </v-app>
</template> </template>
@ -17,11 +17,12 @@ import {
useDark, useDark,
useToggle, useToggle,
} from '@vueuse/core'; } from '@vueuse/core';
import { computed } from 'vue'; import { computed, ref } from 'vue';
const dark = useDark(); const dark = useDark();
const toggleDark = useToggle(dark); const toggleDark = useToggle(dark);
const theme = computed(() => dark.value ? 'dark' : 'light');
const themeIcon = computed(() => dark.value ? 'mdi-moon-waxing-crescent' : 'mdi-white-balance-sunny');
const theme = computed(() => dark.value ? 'dark' : 'light') const playing = ref(false);
const themeIcon = computed(() => dark.value ? 'mdi-moon-waxing-crescent' : 'mdi-white-balance-sunny')
</script> </script>

12
site/src/components/TheLanding.vue
View File

@ -59,9 +59,17 @@
<v-row> <v-row>
<v-col width="auto"></v-col> <v-col width="auto"></v-col>
<v-col cols="auto"> <v-col cols="auto">
<v-btn color="primary">Play</v-btn> <v-btn color="primary" @click="emit('play')">Play</v-btn>
</v-col> </v-col>
<v-col width="auto"></v-col> <v-col width="auto"></v-col>
</v-row> </v-row>
</v-container> </v-container>
</template> </template>
<script setup lang="ts">
type Emits = {
(e: 'play'): void;
}
const emit = defineEmits<Emits>();
</script>