<template>
  <div>
    <!-- <label>行数: </label>
    <input v-model.number="rows" type="number" min="1" max="3" />
    <label>列数: </label>
    <input v-model.number="cols" type="number" min="1" max="3" /> -->
    <GridLayout :rows="rows" :cols="cols" />
  </div>
</template>

<script>
import GridLayout from './GridLayout.vue';

export default {
  components: {
    GridLayout,
  },
  data() {
    return {
      rows: 2,
      cols: 2,
    };
  },
};
</script>