@sky.ui.pro/vue

Pro-tier Vue 3 SFC wrappers for Sky UI. Includes Kanban boards, trees, editors, drawers, datepickers, and other advanced inputs/navigation — not Ultra components such as Table, Chart, or Flow.

Requires an active Sky UI Pro subscription.

Install

npx sky.ui.pro login
npx sky.ui.pro install

Or install manually, then hydrate:

npm install "@sky.ui.pro/vue"
npx sky.ui.pro install --framework=vue

Quote scoped names ("@sky.ui/…") — required in PowerShell. See powershell-scoped-packages.md.

For CI/CD: SKY_UI_AUTH_TOKEN=sk_ci_… npx sky.ui.pro install --yes --framework=vue. See @sky.ui.pro/core for token details.

Quick start

Barrel imports are named re-exports. Per-component paths use a default export:

<script setup>
import { SkyKanban } from '@sky.ui.pro/vue';
// or: import SkyKanban from '@sky.ui.pro/vue/sky-kanban';
</script>

<template>
  <SkyKanban />
</template>

Auto-import (one plugin)

SkyUIProVueVitePlugin alone covers free + Pro Vue resolvers and kebab <sky-*> CE auto-import. No separate Free plugin required. Spread the returned array:

import { SkyUIProVueVitePlugin } from "@sky.ui.pro/vue/vite";

export default {
  plugins: [...SkyUIProVueVitePlugin({ /* license options if required */ })],
};

Auto-import uses per-component subpaths (@sky.ui.pro/vue/sky-kanban) so Vite dev does not evaluate the package barrel on first paint. Restore the legacy named barrel with { resolverOptions: { importStyle: "barrel" } }.

Manual imports

<script setup>
import { SkyKanban, SkyTree } from '@sky.ui.pro/vue';
</script>

Related packages

| Package | Description | |---------|-------------| | @sky.ui.pro/core | Pro Lit components (required) | | @sky.ui/vue | Free-tier Vue wrappers | | @sky.ui.ultra/vue | Ultra wrappers (Table, Chart, Flow, …) |

License

Sky UI Pro Commercial License — requires an active Sky UI Pro subscription.