<script setup lang="ts">
const menu = [{
  label: 'Создать план помещения',
  to: '/plan'
}]

const point_array = useState('point_array', () => [[]])
point_array.value = [[]]
</script>
<template>
  <div class="grid grid-cols-12 gap-4">
    <div class="header">
      <span>Административная панель интерактивного стола</span>
    </div>
    <div class="sidebar">
      <Menu :model="menu">
        <template #item="{ item, props }">
          <NuxtLink class="flex align-items-center" v-bind="props.action" :to="item.to">{{ item.label }}</NuxtLink>
        </template>
      </Menu>
    </div>
    <div class="content">
      <NuxtPage />
    </div>
    <div class="footer">
      <div class="col-span-4">
        Кустарщина
      </div>
      <div class="col-span-4">
        <a href="#">demo</a>
      </div>
    </div>
  </div>
</template>
