Iniciando

Instação

Pré-requisitos

• Node.js na versão 22 ou superior.
• Vue.js na versão 3 ou superior.
• @nexdom/shared na versão 2.1.1 ou superior.
• Editor de texto com suporte a sintaxe Markdown.
  • VSCode é recomendado, junto com a extensão oficial Vue.

Para instalar no seu projeto, execute:

Vite+

$ vp add @nexdom/uimed-vue

npm

$ npm install @nexdom/uimed-vue

pnpm

$ pnpm add @nexdom/uimed-vue

yarn

$ yarn add @nexdom/uimed-vue

Configuração

Adicione o plugin ao arquivo de configurações do Vite:

vite.config.ts

import { defineConfig } from 'vite'
import vue from "@vitejs/plugin-vue";
import { vitePluginUimed } from "@nexdom/uimed-vue/plugins.ts"; 

export default defineConfig({
  plugins: [
    vue(),
    vitePluginUimed() 
  ];
  // ...
});

Após atualizar as configurações do Vite, instale o plugin no seu app:

main.ts

import { createApp } from "vue";
import { createUimed } from "@nexdom/uimed-vue"; 

import App from "./App.vue";

const uimed = createUimed(); 

createApp(App)
  .use(uimed) 
  .mount("#app");

E agora?

Importe o componente Root para dentro do seu App.vue, conforme o exemplo a seguir e então você poderá utilizar todos os recursos do @nexdom/uimed-vue a vontade.

App.vue

<template>
  <root>
    <!-- ... -->
  </root>
</template>

<script lang="ts" setup>
import { Root } from "@nexdom/uimed-vue/components";
</script>

Acesse as APIs e saiba mais dos recursos que este framework dispõe.