jtui-vite

1.0.24 verified Mon Apr 27 auth: no javascript

Vue 3 UI component library built with Vite, version 1.0.24. Designed for Vue 3 projects using Vite as the bundler. It depends on Vue 3 and Element Plus as peer dependencies. Provides a set of reusable UI components with a focus on integration with Element Plus. The library is published as an npm package and is intended for use in modern Vue 3 applications. Current release cadence is not documented; likely irregular minor updates.

Common errors

error Cannot find module 'jtui-vite' or its corresponding type declarations. ↓

cause Missing dependency or incorrect import path.

fix

Run npm install jtui-vite and ensure it's in package.json dependencies.

error Unknown custom element <jt-button> - did you register the component correctly? ↓

cause Component not globally registered via app.use().

fix

Add import jtui from 'jtui-vite' and app.use(jtui) in your main.js/ts.

Warnings

gotcha Requires peer dependencies: element-plus and vue. Not installed automatically; you must install them manually. ↓

fix Add element-plus and vue to your project's dependencies.

gotcha Package provides default export only for app.use; named exports for individual components might not work without proper tree-shaking setup. ↓

fix Use `import jtui from 'jtui-vite'` and `app.use(jtui)` to register all components, or import individual components as named exports if documented.

gotcha CSS must be imported separately: `import 'jtui-vite/dist/style.css'`. ↓

fix Add the CSS import to your entry file.

Install

npm install jtui-vite

yarn add jtui-vite

pnpm add jtui-vite

Imports

jtui-vite
wrong
```
const jtui = require('jtui-vite')
```
correct
```
import jtui from 'jtui-vite'
```
ESM only; use import syntax. Typical usage: import jtui from 'jtui-vite' then app.use(jtui).
Button
```
import { Button } from 'jtui-vite'
```
Named export for individual component. May require registration.
Input
```
import { Input } from 'jtui-vite'
```
Named export for individual component. May require registration.

Quickstart

Shows how to install and use the jtui-vite library in a Vue 3 project with Vite, including global registration via app.use().

import { createApp } from 'vue';
import jtui from 'jtui-vite';
import 'jtui-vite/dist/style.css';
import App from './App.vue';

const app = createApp(App);
app.use(jtui);
app.mount('#app');