diff options
author | Erich Eckner <erich.eckner.ext@bestsecret.com> | 2023-02-03 10:48:04 +0100 |
---|---|---|
committer | Erich Eckner <erich.eckner.ext@bestsecret.com> | 2023-02-03 10:48:04 +0100 |
commit | 8cd0e5413f2a991fd336f8202789fad6a4f855b6 (patch) | |
tree | 732af8f5313b2f8aca6899c9d3ff85f792d065e2 /src/App.vue | |
parent | 37a9f5aecb2f8948ef0f073049e818a7120d0886 (diff) | |
download | wordle-frontend-8cd0e5413f2a991fd336f8202789fad6a4f855b6.tar.xz |
big cleanup
Diffstat (limited to 'src/App.vue')
-rw-r--r-- | src/App.vue | 43 |
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> |