diff --git a/site/src/App.vue b/site/src/App.vue
index 5d6b02e..e0fe440 100644
--- a/site/src/App.vue
+++ b/site/src/App.vue
@@ -7,7 +7,7 @@
-
+
@@ -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);
diff --git a/site/src/components/TheLanding.vue b/site/src/components/TheLanding.vue
index 294f778..970855a 100644
--- a/site/src/components/TheLanding.vue
+++ b/site/src/components/TheLanding.vue
@@ -59,9 +59,17 @@
- Play
+ Play
-
\ No newline at end of file
+
+
+