summaryrefslogtreecommitdiff
path: root/src/App.vue
diff options
context:
space:
mode:
authorErich Eckner <erich.eckner.ext@bestsecret.com>2023-02-03 10:48:04 +0100
committerErich Eckner <erich.eckner.ext@bestsecret.com>2023-02-03 10:48:04 +0100
commit8cd0e5413f2a991fd336f8202789fad6a4f855b6 (patch)
tree732af8f5313b2f8aca6899c9d3ff85f792d065e2 /src/App.vue
parent37a9f5aecb2f8948ef0f073049e818a7120d0886 (diff)
downloadwordle-frontend-8cd0e5413f2a991fd336f8202789fad6a4f855b6.tar.xz
big cleanup
Diffstat (limited to 'src/App.vue')
-rw-r--r--src/App.vue43
1 files changed, 9 insertions, 34 deletions
diff --git a/src/App.vue b/src/App.vue
index 4656b36..2b5bdc2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,41 +1,16 @@
-<script>
-import { defineComponent } from "vue";
-import Keyboard from "@/components/Keyboard.vue";
-
-export default defineComponent({
- components: { Keyboard },
-});
-</script>
-
<template>
+ <h1>Wördle</h1>
<Keyboard />
</template>
-<style scoped>
-header {
- line-height: 1.5;
-}
-
-.logo {
- display: block;
- margin: 0 auto 2rem;
-}
-
-@media (min-width: 1024px) {
- header {
- display: flex;
- place-items: center;
- padding-right: calc(var(--section-gap) / 2);
- }
+<script setup lang="ts">
+import Keyboard from "@/components/Keyboard.vue";
- .logo {
- margin: 0 2rem 0 0;
- }
+let props = defineProps<{
+ riddle: string;
+ trial: string;
+}>();
+</script>
- header .wrapper {
- display: flex;
- place-items: flex-start;
- flex-wrap: wrap;
- }
-}
+<style scoped>
</style>