nuxt

Ожидаемый результат:

Nuxt использует структуру каталогов на основе файлов. Основные каталоги:

- `pages/` - Автоматически генерируемые маршруты на основе Vue файлов в этом каталоге
- `components/` - Компоненты автоимпортируются и доступны без явных импортов
- `composables/` - Vue composables автоимпортируются для переиспользования логики
- `layouts/` - Обёртки для макетов страниц для единообразной структуры страниц
- `middleware/` - Маршрутное middleware для навигационных хуков
- `plugins/` - Vue плагины для расширения приложения
- `server/` - Серверные маршруты и конечные точки API с использованием Nitro
- `utils/` - Утилитарные функции автоимпортируются в приложении
- `app.vue` - Основной компонент приложения точка входа
- `nuxt.config.ts` - Файл конфигурации Nuxt

Ожидаемый результат:

Nuxt использует runtime config для секретов на стороне сервера и public config для значений, доступных на стороне клиента:

```ts
// nuxt.config.ts
export default defineNuxtConfig({
runtimeConfig: {
// Приватные ключи (только сервер)
apiSecret: process.env.NUXT_API_SECRET,
// Публичные ключи (доступны клиенту)
public: {
apiBase: process.env.NUXT_PUBLIC_API_BASE
}
}
})

// В вашем коде
const config = useRuntimeConfig()
config.public.apiBase // Доступно на клиенте
config.apiSecret // Только сервер
```