Vue

by khamer

HTML

<main>
    <template v-for="row in tiles">
        <div class="tile" v-for="tile in row"></div>
    </template>
</main>

SCSS

main {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    height: 100vh;
    
    .tile {
        box-shadow: 0 0 0 1px inset;
    }
}

Vue

new Vue({
    el: "main",
    data: {
        tiles: Array(5).fill(Array(5)),
    },
})