hand test

frontend/src/components/Hand.vue

+<template>
+    <div class="hand">
+        <tile v-for="tile of this.tiles" :key="tile.id" :id="tile.id"/>
+    </div>
+</template>
+
+<script>
+import Tile from '@/components/Tile.vue';
+
+export default {
+    name: 'Hand',
+    components: { Tile },
+    props: {
+        
+    },
+    data(){ 
+        return{
+        tiles: [
+            {id: 1},
+            {id: 11},
+            {id: 11},
+            {id: 14},
+            {id: 16},
+            {id: 7},
+            {id: 4},
+            {id: 5},
+            {id: 20},
+            {id: 21},
+            {id: 22},
+            {id: 6},
+            {id: 8},
+        ]
+        }
+    },
+    mounted(){
+    }
+}
+</script>
+
+<style>
+.hand{
+    display:flex;
+
+}
+</style>