@nucleoicons/skills 0.1.8 → 0.1.9

package/README.md

@@ -5,7 +5,7 @@ CLI to install and update **Nucleo** MCP + icon skills on your machine.
 Once installed, your AI coding tool can help you **use Nucleo icons in code**. Typical uses:
 
 - Search icons by name or idea across your installed families (Pro and/or free)
-- Pick an icon and get the right React component or SVG for your project
+- Pick an icon and get the right **React** component, **Vue** SFC, or **vanilla SVG** for your project
 - Customize icons when inserting them (color, secondary color, stroke width, duo opacity, corners)
 
 Ask your editor naturally, for example: “find a settings icon in Nucleo” or “insert the home icon as a React component.”
@@ -26,15 +26,21 @@ npx @nucleoicons/skills setup --target react --tools cursor
 npx @nucleoicons/skills setup --free --target react --tools cursor
 ```
 
-If Pro is already installed, `setup --free` **merges** free families in and keeps Pro. Free-only installs never download Pro families (login required for Pro).
-
-**Required for setup:** `--target` (`react` or `vanilla`) and `--tools` (`cursor`, `claude`, `codex`).
+**Required for setup:** `--target` (`react`, `vue`, or `vanilla`) and `--tools` (`cursor`, `claude`, `codex`).
 
 ```bash
 npx @nucleoicons/skills setup --target react --tools cursor
-npx @nucleoicons/skills setup --free --target vanilla --tools cursor,claude
+npx @nucleoicons/skills setup --target vue --tools cursor
+npx @nucleoicons/skills setup --target vanilla --tools cursor,claude
+npx @nucleoicons/skills setup --free --target vue --tools cursor
 ```
 
+| `--target` | What you get              |
+| ---------- | ------------------------- |
+| `react`    | React components (`.tsx`) |
+| `vue`      | Vue SFCs (`.vue`)         |
+| `vanilla`  | SVG files                 |
+
 Setup installs the package under your user home (`~/.nucleo/skills`) and configures the editors you choose (skills + MCP, no manual config step).
 
 Reload MCP in your editor, then ask something like:
@@ -59,8 +65,8 @@ After updating, reload MCP in your editor again.
 
 ## Editors
 
-| Tool        | `--tools` value | Auto-configured |
-| ----------- | --------------- | --------------- |
-| Cursor      | `cursor`        | `~/.cursor/mcp.json` + `~/.cursor/skills/` |
-| Claude Code | `claude`        | `~/.claude.json` + `~/.claude/skills/` |
+| Tool        | `--tools` value | Auto-configured                              |
+| ----------- | --------------- | -------------------------------------------- |
+| Cursor      | `cursor`        | `~/.cursor/mcp.json` + `~/.cursor/skills/`   |
+| Claude Code | `claude`        | `~/.claude.json` + `~/.claude/skills/`       |
 | Codex       | `codex`         | `~/.codex/config.toml` + `~/.agents/skills/` |

package/dist/api.d.ts

@@ -44,12 +44,12 @@ export interface DownloadProgress {
  */
 export declare function skillsLogin(email: string, password: string): Promise<SkillsLoginData>;
 /**
- * GET /skills/release?token=…&target=react|vanilla
+ * GET /skills/release?token=…&target=react|vanilla|vue
  * Response: { data: { version, families, files, downloadReady } }
  */
 export declare function fetchSkillsRelease(token: string, target: PackageTarget): Promise<SkillsReleaseData>;
 /**
- * GET /skills/release-free?target=react|vanilla (no auth)
+ * GET /skills/release-free?target=react|vanilla|vue (no auth)
  */
 export declare function fetchSkillsFreeRelease(target: PackageTarget): Promise<SkillsReleaseData>;
 declare function formatBytes(bytes: number): string;

package/dist/api.js

@@ -65,7 +65,7 @@ export async function skillsLogin(email, password) {
     return json.data;
 }
 /**
- * GET /skills/release?token=…&target=react|vanilla
+ * GET /skills/release?token=…&target=react|vanilla|vue
  * Response: { data: { version, families, files, downloadReady } }
  */
 export async function fetchSkillsRelease(token, target) {
@@ -86,7 +86,7 @@ export async function fetchSkillsRelease(token, target) {
     return { ...json.data, tier: json.data.tier ?? "pro" };
 }
 /**
- * GET /skills/release-free?target=react|vanilla (no auth)
+ * GET /skills/release-free?target=react|vanilla|vue (no auth)
  */
 export async function fetchSkillsFreeRelease(target) {
     const url = new URL(`${getApiBaseUrl()}/skills/release-free`);

package/dist/commands/setup.d.ts

@@ -1,4 +1,4 @@
-import type { AgentTool, PackageTarget } from "../config.js";
+import { type AgentTool, type PackageTarget } from "../config.js";
 export interface SetupOptions {
     /** Skip API; copy a local prepared package directory */
     from?: string;

package/dist/commands/setup.js

@@ -1,7 +1,7 @@
 import { confirm, select, checkbox } from "@inquirer/prompts";
 import { mkdir } from "node:fs/promises";
 import { ApiError, fetchSkillsFreeRelease, fetchSkillsRelease } from "../api.js";
-import { installRoot, nucleoHomeDir } from "../config.js";
+import { installRoot, isPackageTarget, nucleoHomeDir, } from "../config.js";
 import { buildMcp, ensureManifestTarget, hasProFamilies, installFromLocalDir, installFromRelease, readInstallManifest, } from "../install.js";
 import { configureTool } from "../adapters/agents.js";
 import { ensureSkillsSession, isInvalidTokenError } from "../session.js";
@@ -23,11 +23,15 @@ export async function runSetup(options = {}) {
     const free = Boolean(options.free);
     console.log(free ? "\nNucleo Skills setup (free)" : "\nNucleo Skills setup");
     console.log(free ? "─────────────────────────\n" : "───────────────────\n");
+    if (options.target && !isPackageTarget(options.target)) {
+        throw new Error(`Unknown target "${options.target}". Use react, vanilla, or vue.`);
+    }
     const target = options.target ??
         (await select({
             message: "Which package?",
             choices: [
                 { name: "React components", value: "react" },
+                { name: "Vue components", value: "vue" },
                 { name: "Vanilla SVG", value: "vanilla" },
             ],
         }));

package/dist/config.d.ts

@@ -6,7 +6,9 @@ export declare function nucleoHomeDir(): string;
 export declare function credentialsPath(): string;
 /** Where the downloaded Pro package lives (MCP, skills, icons) */
 export declare function installRoot(): string;
-export type PackageTarget = "react" | "vanilla";
+export declare const PACKAGE_TARGETS: readonly ["react", "vanilla", "vue"];
+export type PackageTarget = (typeof PACKAGE_TARGETS)[number];
+export declare function isPackageTarget(value: string): value is PackageTarget;
 export type AgentTool = "cursor" | "claude" | "codex";
 export interface NucleoCredentials {
     email: string;

package/dist/config.js

@@ -19,3 +19,7 @@ export function credentialsPath() {
 export function installRoot() {
     return join(nucleoHomeDir(), "skills");
 }
+export const PACKAGE_TARGETS = ["react", "vanilla", "vue"];
+export function isPackageTarget(value) {
+    return PACKAGE_TARGETS.includes(value);
+}

package/dist/index.js

@@ -52,7 +52,7 @@ program
 program
     .command("setup")
     .description("Sign in, download your licensed package, configure your editor")
-    .option("-t, --target <target>", "react | vanilla")
+    .option("-t, --target <target>", "react | vanilla | vue")
     .option("--tools <list>", "comma-separated: cursor,claude,codex (default: prompt, or cursor with --yes)")
     .option("--free", "Install free icon families (no Nucleo login)")
     .option("--from <dir>", "Install from a local prepared package (skip API download)")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nucleoicons/skills",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "CLI to install and update Nucleo MCP + icon skills (Pro and free)",
   "type": "module",
   "bin": {