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

add event to queue button

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

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

@ -59,9 +59,17 @@
<v-row>
<v-col width="auto"></v-col>
<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 width="auto"></v-col>
</v-row>
</v-container>
</template>
<script setup lang="ts">
type Emits = {
(e: 'play'): void;
}
const emit = defineEmits<Emits>();
</script>