@velkin/vue

Vue wrappers for @velkin/ui.

Install

npm install @velkin/ui @velkin/vue lit

<script setup lang="ts">
import VuButton from "@velkin/vue/button";
</script>

<template>
  <VuButton variant="solid">Save</VuButton>
</template>

Import each wrapper from its subpath. Listen with @vu-* event names.

Bundler plugins

Same factory on every bundler — only the import path changes. Pair with velkin() from @velkin/ui.

import { velkin } from "@velkin/ui/vite"; // or /webpack / /rollup
import { velkinVue } from "@velkin/vue/vite";

export default defineConfig({
  plugins: [
    vue({
      template: {
        compilerOptions: {
          isCustomElement: (tag) => tag.startsWith("vu-"),
        },
      },
    }),
    velkin(),
    velkinVue(),
  ].flat(),
});

Documentation

https://velkinui.com/docs/vue

License

MIT.