- Adiciona biblioteca lucide-vue-next para ícones modernos - Cria componente ServerCard com informações detalhadas: * Exibe nome, IP e status do servidor * Barras de progresso para RAM e armazenamento * Cores dinâmicas baseadas na porcentagem de uso * Informações detalhadas de memória (livre, cache) - Aprimora SidePanel com funcionalidade de colapsar: * Botão para expandir/recolher o painel lateral * Ícones lucide para navegação (Dashboard, Settings) * Estados ativos baseados na rota atual - Implementa dados mock para 4 servidores de exemplo - Atualiza Dashboard com layout em grid dos cards de servidor |
||
|---|---|---|
| .vscode | ||
| public | ||
| src | ||
| .gitignore | ||
| README.md | ||
| index.html | ||
| package.json | ||
| postcss.config.js | ||
| router.ts | ||
| tailwind.config.js | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
| yarn.lock | ||
README.md
Vue 3 + TypeScript + Vite
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.