- 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.