@sky.ui.ultra/vue

Ultra-tier Vue 3 SFC wrappers for Sky UI. Includes Table, Chart, Flow, Model viewer, Toolbar, and related workflow components. Install includes Pro peers when your stack needs them.

Requires an active Sky UI Ultra subscription.

Install

npx sky.ui.ultra login
npx sky.ui.ultra install

Or install manually, then hydrate:

npm install "@sky.ui.ultra/vue"
npx sky.ui.ultra 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.ultra install --yes --framework=vue. See @sky.ui.ultra/core for token details.

Quick start

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

<script setup>
import { SkyTable } from '@sky.ui.ultra/vue';
// or: import SkyTable from '@sky.ui.ultra/vue/sky-table';
</script>

<template>
  <SkyTable />
</template>

Auto-import (one plugin)

SkyUIUltraVueVitePlugin alone covers free + Pro + Ultra Vue resolvers and kebab <sky-*> custom-element side-effect imports. You do not need separate Free/Pro plugins. Spread the returned array:

// vite.config / nuxt.config vite.plugins
import { SkyUIUltraVueVitePlugin } from "@sky.ui.ultra/vue/vite";

export default {
  plugins: [
    ...SkyUIUltraVueVitePlugin({ /* license options if required */ }),
  ],
  vue: {
    template: {
      compilerOptions: {
        isCustomElement: (tag) => tag.startsWith("sky-"),
      },
    },
  },
};

Disable CE injection with ceAutoImport: false if you only use PascalCase wrappers.

Auto-import uses per-component subpaths (@sky.ui.ultra/vue/sky-table) so Vite dev does not evaluate the Ultra/Pro/free barrels (Text Editor, Kanban, Chart, Flow, Model Viewer) on first paint. Restore the legacy named barrel with:

SkyUIUltraVueVitePlugin({ resolverOptions: { importStyle: "barrel" } });

Manual imports

<script setup>
import { SkyTable, SkyFlow } from '@sky.ui.ultra/vue';
</script>

Related packages

| Package | Description | |---------|-------------| | @sky.ui.ultra/core | Ultra Lit components (required) | | @sky.ui.pro/core | Pro Lit peers (required by Ultra stack) | | @sky.ui.pro/vue | Pro Vue peers (required by Ultra Vue) | | @sky.ui/vue | Free-tier Vue wrappers |

License

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