base pages

front/app.vue

@@ -1,5 +1,34 @@
+<script setup lang="ts">
+const links = [[
+  {
+    label: 'Состояние вендотеков',
+    icon: 'i-heroicons-credit-card',
+    to: '/wtk',
+  },
+  { label: 'Офис', to: '/wtk/office' },
+  { label: 'Парк', to: '/wtk/park' },
+],
+[
+  {
+    label: 'Вебхуки битрикса',
+    icon: 'i-heroicons-clipboard-document-list',
+    to: '/bx'
+  },
+  { label: 'Gitea', to: '/bx/gitea' },
+  { label: 'Tg', to: '/bx/tg' },
+]]
+</script>
+
 <template>
-  <div>
+  <div class="container grid grid-cols-4 gap-4">
-    <NuxtWelcome />
+    <div class="col-span-4">
+      <div class="center">svs-tech.pro</div>
+    </div>
+    <div>
+      <UVerticalNavigation :links="links" />
+    </div>
+    <div class="col-span-2">
+      <NuxtPage />
+    </div>
   </div>
 </template>

front/error.vue

@@ -0,0 +1,3 @@
+<template>
+    Error template
+</template>

front/nuxt.config.ts

@@ -1,4 +1,8 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
+  modules: ["@nuxt/ui"],
+  devServer: {
+    port: 3010
+  }
 })

front/package.json

@@ -10,6 +10,7 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
+    "@nuxt/ui": "^2.16.0",
     "nuxt": "^3.11.2",
     "vue": "^3.4.27",
     "vue-router": "^4.3.2"

front/pages/bx/[slug].vue

@@ -0,0 +1,3 @@
+<template>
+    slug
+</template>

front/pages/bx/index.vue

@@ -0,0 +1,3 @@
+<template>
+    _index bx
+</template>

front/pages/index.vue

@@ -0,0 +1,3 @@
+<template>
+    index page
+</template>

front/pages/wtk/[slug].vue

@@ -0,0 +1,3 @@
+<template>
+    slug
+</template>

front/pages/wtk/index.vue

@@ -0,0 +1,3 @@
+<template>
+    _index wtk
+</template>

front/tailwind.config.js

@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    theme: {
+        container: {
+            center: true,
+            padding: '2rem'
+        }
+    },
+};