create vue grid in javascript

<template>
  <div class="grid">
    <div v-for="(item, index) in items" :key="index" class="grid-item">
      {{ item }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['Grid Item 1', 'Grid Item 2', 'Grid Item 3', 'Grid Item 4'],
    };
  },
};
</script>

<style>
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.grid-item {
  background-color: #f2f2f2;
  padding: 20px;
  text-align: center;
}
</style>
485 chars
32 lines