<script setup lang="ts">
const links = [[
  {
    label: 'Состояние вендотеков',
    icon: 'i-heroicons-credit-card',
    to: '/vtk',
  },
  { label: 'Офис', to: '/vtk/office' },
  { label: 'Парк', to: '/vtk/park' },
],
[
  {
    label: 'Вебхуки битрикса',
    icon: 'i-heroicons-clipboard-document-list',
    to: '/bx'
  },
  { label: 'Gitea', to: '/bx/gitea' },
  { label: 'Tg', to: '/bx/tg' },
]]
</script>

<template>
  <div class="container grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
    <div class="col-span-4">
      <div class="center">svs-tech.pro</div>
    </div>
    <div class="sm:col-span-4 lg:col-span-1">
      <UVerticalNavigation :links="links" />
    </div>
    <div class="sm:col-span-1 lg:col-span-3">
      <NuxtPage />
    </div>
  </div>
</template>