chore: update playground style (nuxt#755)

skashif18 · Oct 12, 2021 · ad24965 · ad24965
1 parent cc14cdd
commit ad24965
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 8 deletions.
diff --git a/playground/app.vue b/playground/app.vue
@@ -1,12 +1,30 @@
 <template>
-  <div>
-    <img src="~/assets/logo.svg">
-    <br>
-    Hello Nuxt 3
+  <div class="app">
+    <img src="~/assets/logo.svg" height="40">
+    <h1 class="greeting">
+      {{ hello }}, <br>Nuxt 3!
+    </h1>
   </div>
 </template>
 
-<script>
-export default defineNuxtComponent({
-})
+<script setup>
+const greetings = [
+  'Hello',
+  'Hi',
+  'Salut',
+  'こんにちは',
+  '你好'
+]
+const hello = greetings[Math.random() * greetings.length | 0]
 </script>
+
+<style scoped>
+.app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  padding: 1rem 1.5rem;
+}
+.greeting {
+  font-size: 4em;
+  font-weight: 400;
+}
+</style>
diff --git a/playground/assets/logo.svg b/playground/assets/logo.svg