@shipsmartbrasil/vue-pages

@shipsmartbrasil/vue-pages

Biblioteca de componentes de layout e páginas para Vue 3 + TypeScript, criada para padronizar headers, footers, sidebars, boxes, cards e estruturas de página entre os projetos ShipSmart.

NPM: https://www.npmjs.com/package/@shipsmartbrasil/vue-pages

📦 Instalação

npm install @shipsmartbrasil/vue-pages
# ou
yarn add @shipsmartbrasil/vue-pages

🎨 Importação dos estilos

No arquivo main.ts ou main.js:

import "@shipsmartbrasil/vue-pages/dist/style.css";

🧩 Nomenclatura dos componentes

Todos os componentes seguem o padrão:

[NomeDoComponente]

Exemplo:

<Header />

📚 Componentes disponíveis

• Header
• Footer
• Sidebar
• BoxContent
• LoadingPage
• Card
• CardCollapse
• Carousel

📘 Exemplo de uso

<script setup lang="ts">
import { Header, Footer, Card } from "@shipsmartbrasil/vue-pages";
</script>