sys-vue library components VueJS

This library is build a modern web component library using Vue3 + Typescript. Can use in project VueJS.

Recomendation

• node v20.19.1 (recomendation)
• npm 10.8.1 (recomendation)
• Manager .npmrc (for install npm)

How it works

• [x] Build tool Vite
• [x] Build TS tool rollup-plugin-typescript2
• [x] Framework Vue 3
• [x] Type system TypeScript / Vue tsc
• [x] Vue SFC Setup script setup
• [x] Publish repository npm

Quick start

You need Vue.js version 3.5.+

1. Install via npm

npm install sys-vue

2. Import

You can import the library depending on the project needs. Import all components globaly, import single components globaly or import individual component where it's used.

• Declare all components globaly.

  main.ts

  import SysVue from 'sys-vue';
  
  const app = createApp(App);
  app.use(SysVue);
  
  import 'sys-vue/style.css'

• Declare global components (Treeshaking).

  main.ts

  import { sysText } from 'sys-vue';
  
  const app = createApp(App);
  app.component('sys-text', sysText);

• Declare components localy.

  *.vue

  <script setup lang="ts">
  import { sysText } from 'sys-vue';
  </script>

3. Use components

Implement each component normally on the template section *.vue

<template>
<sys-text mode="message" />
</template>

[0.0.1] - 2025-05-25

• Added new component sysText