@apollo-design/ui-resolver 0.0.0-stage → 0.1.9

package/README.md

@@ -1,3 +1,49 @@
-# Temporary Holding Version
+# @apollo-design/ui-resolver
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Official build-time component resolver for [unplugin-vue-components](https://github.com/unplugin/unplugin-vue-components). It imports Apollo components from their public JavaScript subpaths. It does not load the UI runtime in Node, register components globally, or select a theme.
+
+## Install and configure
+
+Install `@apollo-design/ui` >=0.1.8 and Vue as application dependencies, and `@apollo-design/ui-resolver`, `unplugin-vue-components` as development dependencies. Use Node >=22.12 and an ESM Vite configuration. This implementation is tested with unplugin-vue-components 32.1.0, Vue 3.5.42, Vite 8.3.0 and TypeScript 5.9.3.
+
+```ts
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import Components from 'unplugin-vue-components/vite';
+import { ApolloResolver } from '@apollo-design/ui-resolver';
+
+export default defineConfig({
+  plugins: [vue(), Components({ resolvers: [ApolloResolver()], dts: 'src/components.d.ts' })],
+});
+```
+
+```vue
+<template>
+  <AButton type="primary">Save</AButton>
+  <AInputSearch placeholder="Search" />
+</template>
+```
+
+Include the generated components declaration in the application's TypeScript project. PascalCase and kebab-case template tags are normalized by unplugin-vue-components: `<AButton>` and `<a-button>` both use the same public Button import. Unknown names are left for other resolvers or local components.
+
+## API
+
+`ApolloResolver({ importStyle?: boolean })` returns a component resolver. Automatic structural styles are enabled by default; `ApolloResolver({ importStyle: false })` imports only JavaScript and leaves all CSS loading to the application. There are no theme, runtime registration, arbitrary prefix, fallback or global-CSS options.
+
+Compound components use explicit flat template names, including AInputSearch, AInputPassword, AInputOtp, ASelectOption, ASelectOptGroup, AFormItem, AFormList, ASpaceCompact, ALayoutSider, ASkeletonButton, ATableSummary, ATableSummaryRow and ATableSummaryCell. Typography children accept AText/ATitle/AParagraph/ALink and ATypographyText/ATypographyTitle/ATypographyParagraph/ATypographyLink. AAutoComplete uses Select structure; ATimePicker and ATimeRangePicker use DatePicker structure rather than nonexistent CSS paths. Parent member expressions in JavaScript remain normal explicit component imports.
+
+## Styles and themes
+
+The resolver reads the public `@apollo-design/ui/style-manifest.json` metadata. For each component it imports the manifest's ordered resource list: neutral `base.css`, required shared resources, and component `structure.css` files. Repeated resource paths are deduplicated by the bundler; the resolver has no per-file import state or second dependency graph. This requires the UI 0.1.8 structural style exports. Existing `style.css` entries remain available for manual use.
+
+The resolver never imports a theme preset, theme registry or aggregate UI stylesheet. The application loads its public theme entry first, component structure CSS next, and application overrides last. Turning off automatic styles means the application must import the required component CSS itself. Manual JavaScript imports may coexist with resolved template components. Manual CSS imports can reuse the same public `base.css` and component `structure.css` paths to retain module deduplication.
+
+Legacy component `style.css` files and aggregate UI CSS contain their existing dependency closures. Importing them alongside new structure entries repeats overlapping CSS text. Applications already loading those styles should use `ApolloResolver({ importStyle: false })`; the resolver still handles component JavaScript imports.
+
+Theme-independent import checks and the complete preset/custom-theme acceptance are separate: the latter is integrated with the public theme contract from issue #80. Import success alone does not establish theme correctness.
+
+## Maintenance
+
+Source unit tests check component name mappings and options without built UI files. The published consumer checks special CSS families, order-independent styles and the complete shipped name table against installed UI declarations, public exports and structural CSS metadata. Update the table and consumer regression whenever those public contracts change. Do not infer every component path with a kebab-case conversion, resolve service objects as components, import the UI package at resolver runtime, or use whole-library CSS as a fallback.
+
+The repository consumer regression reads already built packages: `node packages/ui-resolver/tests/consumer.mjs [uiPackageRoot] [freshOutputDirectory] [--themes]`. It packs and installs once, then checks Vite, SSR, generated declarations and browser behavior. `--themes` additionally uses that same installation for the three import methods × four preset/custom values × two appearances matrix; it may appear before or after the optional paths. With no flag, the command keeps the focused resolver checks. A prepared installation can also run `node packages/ui-resolver/tests/theme-matrix.mjs <installedConsumerDirectory> [freshOutputDirectory]` without packing or installing again. These scripts build consumer applications, never package distribution files.

package/dist/component-imports.mjs

@@ -0,0 +1,202 @@
+const componentImports = /* @__PURE__ */ new Map([
+  ["AAffix", { name: "Affix", path: "affix", style: "affix" }],
+  ["AAffixDefault", { name: "default", path: "affix", style: "affix" }],
+  ["AAlert", { name: "Alert", path: "alert", style: "alert" }],
+  ["AAlertErrorBoundary", { name: "AlertErrorBoundary", path: "alert", style: "alert" }],
+  ["AAnchor", { name: "Anchor", path: "anchor", style: "anchor" }],
+  ["AAnchorLink", { name: "AnchorLink", path: "anchor", style: "anchor" }],
+  ["AAnchorWithLink", { name: "AnchorWithLink", path: "anchor", style: "anchor" }],
+  ["AApp", { name: "App", path: "app", style: "app" }],
+  ["AAutoComplete", { name: "AutoComplete", path: "auto-complete", style: "select" }],
+  ["AAutoCompleteOption", { name: "AutoCompleteOption", path: "auto-complete", style: "select" }],
+  ["AAvatar", { name: "Avatar", path: "avatar", style: "avatar" }],
+  ["AAvatarGroup", { name: "AvatarGroup", path: "avatar", style: "avatar" }],
+  ["ABackTop", { name: "BackTop", path: "back-top", style: "back-top" }],
+  ["ABadge", { name: "Badge", path: "badge", style: "badge" }],
+  ["ABadgeRibbon", { name: "Ribbon", path: "badge", style: "badge" }],
+  ["ABorderBeam", { name: "BorderBeam", path: "border-beam", style: "border-beam" }],
+  ["ABreadcrumb", { name: "Breadcrumb", path: "breadcrumb", style: "breadcrumb" }],
+  ["ABreadcrumbItem", { name: "BreadcrumbItem", path: "breadcrumb", style: "breadcrumb" }],
+  [
+    "ABreadcrumbSeparator",
+    { name: "BreadcrumbSeparator", path: "breadcrumb", style: "breadcrumb" }
+  ],
+  ["ABreadcrumbWithSub", { name: "BreadcrumbWithSub", path: "breadcrumb", style: "breadcrumb" }],
+  ["AButton", { name: "Button", path: "button", style: "button" }],
+  ["ACalendar", { name: "Calendar", path: "calendar", style: "calendar" }],
+  ["ACard", { name: "Card", path: "card", style: "card" }],
+  ["ACardGrid", { name: "CardGrid", path: "card", style: "card" }],
+  ["ACardMeta", { name: "CardMeta", path: "card", style: "card" }],
+  ["ACarousel", { name: "Carousel", path: "carousel", style: "carousel" }],
+  ["ACascader", { name: "Cascader", path: "cascader", style: "cascader" }],
+  ["ACascaderPanel", { name: "CascaderPanel", path: "cascader", style: "cascader" }],
+  ["ACheckableTag", { name: "CheckableTag", path: "tag", style: "tag" }],
+  ["ACheckableTagGroup", { name: "CheckableTagGroup", path: "tag", style: "tag" }],
+  ["ACheckbox", { name: "Checkbox", path: "checkbox", style: "checkbox" }],
+  ["ACheckboxGroup", { name: "CheckboxGroup", path: "checkbox", style: "checkbox" }],
+  ["ACol", { name: "Col", path: "grid", style: "grid" }],
+  ["ACollapse", { name: "Collapse", path: "collapse", style: "collapse" }],
+  ["ACollapsePanel", { name: "CollapsePanel", path: "collapse", style: "collapse" }],
+  ["AColorPicker", { name: "ColorPicker", path: "color-picker", style: "color-picker" }],
+  ["AColorPickerPanel", { name: "ColorPickerPanel", path: "color-picker", style: "color-picker" }],
+  [
+    "AColorPickerPurePanel",
+    { name: "ColorPickerPurePanel", path: "color-picker", style: "color-picker" }
+  ],
+  ["ACompactItem", { name: "CompactItem", path: "space", style: "space" }],
+  ["AConfigProvider", { name: "ConfigProvider", path: "config-provider" }],
+  ["ACountdown", { name: "StatisticCountdown", path: "statistic", style: "statistic" }],
+  ["ADatePicker", { name: "DatePicker", path: "date-picker", style: "date-picker" }],
+  ["ADatePickerRangePicker", { name: "RangePicker", path: "date-picker", style: "date-picker" }],
+  [
+    "ADatePickerWithRange",
+    { name: "DatePickerWithRange", path: "date-picker", style: "date-picker" }
+  ],
+  ["ADefaultRenderEmpty", { name: "DefaultRenderEmpty", path: "config-provider", style: "empty" }],
+  ["ADescriptions", { name: "Descriptions", path: "descriptions", style: "descriptions" }],
+  ["ADescriptionsItem", { name: "DescriptionsItem", path: "descriptions", style: "descriptions" }],
+  ["ADirectoryTree", { name: "DirectoryTree", path: "tree", style: "tree" }],
+  ["ADivider", { name: "Divider", path: "divider", style: "divider" }],
+  ["ADrawer", { name: "Drawer", path: "drawer", style: "drawer" }],
+  ["ADrawerPurePanel", { name: "DrawerPurePanel", path: "drawer", style: "drawer" }],
+  ["ADropdown", { name: "Dropdown", path: "dropdown", style: "dropdown" }],
+  ["ADropdownButton", { name: "DropdownButton", path: "dropdown", style: "dropdown" }],
+  ["ADropdownPurePanel", { name: "DropdownPurePanel", path: "dropdown", style: "dropdown" }],
+  ["AEmpty", { name: "Empty", path: "empty", style: "empty" }],
+  ["AFlex", { name: "Flex", path: "flex", style: "flex" }],
+  ["AFlexDefault", { name: "default", path: "flex", style: "flex" }],
+  ["AFloatButton", { name: "FloatButton", path: "float-button", style: "float-button" }],
+  [
+    "AFloatButtonBackTop",
+    { name: "FloatButtonBackTop", path: "float-button", style: "float-button" }
+  ],
+  ["AFloatButtonGroup", { name: "FloatButtonGroup", path: "float-button", style: "float-button" }],
+  [
+    "AFloatButtonPurePanel",
+    { name: "FloatButtonPurePanel", path: "float-button", style: "float-button" }
+  ],
+  ["AForm", { name: "Form", path: "form", style: "form" }],
+  ["AFormErrorList", { name: "ErrorListComponent", path: "form", style: "form" }],
+  ["AFormItem", { name: "FormItem", path: "form", style: "form" }],
+  ["AFormList", { name: "FormList", path: "form", style: "form" }],
+  ["AGridDefault", { name: "default", path: "grid", style: "grid" }],
+  ["AImage", { name: "Image", path: "image", style: "image" }],
+  ["AImagePreviewGroup", { name: "ImagePreviewGroup", path: "image", style: "image" }],
+  ["AInput", { name: "Input", path: "input", style: "input" }],
+  ["AInputGroup", { name: "InputGroup", path: "input", style: "input" }],
+  ["AInputNumber", { name: "InputNumber", path: "input-number", style: "input-number" }],
+  ["AInputOtp", { name: "InputOTP", path: "input", style: "input" }],
+  ["AInputOTP", { name: "InputOTP", path: "input", style: "input" }],
+  ["AInputPassword", { name: "InputPassword", path: "input", style: "input" }],
+  ["AInputSearch", { name: "InputSearch", path: "input", style: "input" }],
+  ["AInputTextarea", { name: "TextArea", path: "input", style: "input" }],
+  ["AInputTextArea", { name: "TextArea", path: "input", style: "input" }],
+  ["ALayout", { name: "Layout", path: "layout", style: "layout" }],
+  ["ALayoutContent", { name: "LayoutContent", path: "layout", style: "layout" }],
+  ["ALayoutFooter", { name: "LayoutFooter", path: "layout", style: "layout" }],
+  ["ALayoutHeader", { name: "LayoutHeader", path: "layout", style: "layout" }],
+  ["ALayoutSider", { name: "LayoutSider", path: "layout", style: "layout-sider" }],
+  ["ALink", { name: "Link", path: "typography", style: "typography" }],
+  ["AList", { name: "List", path: "list", style: "list" }],
+  ["AListItem", { name: "ListItem", path: "list", style: "list" }],
+  ["AListItemMeta", { name: "ListItemMeta", path: "list", style: "list" }],
+  ["AListy", { name: "Listy", path: "listy", style: "listy" }],
+  ["AMasonry", { name: "Masonry", path: "masonry", style: "masonry" }],
+  ["AMentions", { name: "Mentions", path: "mentions", style: "mentions" }],
+  ["AMentionsOption", { name: "MentionsOption", path: "mentions", style: "mentions" }],
+  ["AMenu", { name: "Menu", path: "menu", style: "menu" }],
+  ["AMenuDivider", { name: "MenuDivider", path: "menu", style: "menu" }],
+  ["AMenuItem", { name: "MenuItem", path: "menu", style: "menu" }],
+  ["AMenuItemGroup", { name: "MenuItemGroup", path: "menu", style: "menu" }],
+  ["AMenuSubMenu", { name: "MenuSubMenu", path: "menu", style: "menu" }],
+  ["AModal", { name: "default", path: "modal", style: "modal" }],
+  ["AModalPurePanel", { name: "ModalPurePanel", path: "modal", style: "modal" }],
+  ["ANoCompactStyle", { name: "NoCompactStyle", path: "space", style: "space" }],
+  ["APagination", { name: "Pagination", path: "pagination", style: "pagination" }],
+  ["AParagraph", { name: "Paragraph", path: "typography", style: "typography" }],
+  ["APopconfirm", { name: "Popconfirm", path: "popconfirm", style: "popconfirm" }],
+  [
+    "APopconfirmPurePanel",
+    { name: "PopconfirmPurePanel", path: "popconfirm", style: "popconfirm" }
+  ],
+  ["APopover", { name: "Popover", path: "popover", style: "popover" }],
+  ["APopoverPurePanel", { name: "PopoverPurePanel", path: "popover", style: "popover" }],
+  ["AProgress", { name: "Progress", path: "progress", style: "progress" }],
+  ["AQrCode", { name: "QrCode", path: "qr-code", style: "qr-code" }],
+  ["ARadio", { name: "Radio", path: "radio", style: "radio" }],
+  ["ARadioButton", { name: "RadioButton", path: "radio", style: "radio" }],
+  ["ARadioGroup", { name: "RadioGroup", path: "radio", style: "radio" }],
+  ["ARangePicker", { name: "RangePicker", path: "date-picker", style: "date-picker" }],
+  ["ARate", { name: "Rate", path: "rate", style: "rate" }],
+  ["AResult", { name: "Result", path: "result", style: "result" }],
+  ["ARibbon", { name: "Ribbon", path: "badge", style: "badge" }],
+  ["ARow", { name: "Row", path: "grid", style: "grid" }],
+  ["ASegmented", { name: "Segmented", path: "segmented", style: "segmented" }],
+  ["ASelect", { name: "default", path: "select", style: "select" }],
+  ["ASelectOptGroup", { name: "SelectOptGroup", path: "select", style: "select" }],
+  ["ASelectOption", { name: "SelectOption", path: "select", style: "select" }],
+  ["ASelectPurePanel", { name: "SelectPurePanel", path: "select", style: "select" }],
+  ["ASkeleton", { name: "Skeleton", path: "skeleton", style: "skeleton" }],
+  ["ASkeletonAvatar", { name: "SkeletonAvatar", path: "skeleton", style: "skeleton" }],
+  ["ASkeletonButton", { name: "SkeletonButton", path: "skeleton", style: "skeleton" }],
+  ["ASkeletonImage", { name: "SkeletonImage", path: "skeleton", style: "skeleton" }],
+  ["ASkeletonInput", { name: "SkeletonInput", path: "skeleton", style: "skeleton" }],
+  ["ASkeletonNode", { name: "SkeletonNode", path: "skeleton", style: "skeleton" }],
+  ["ASlider", { name: "Slider", path: "slider", style: "slider" }],
+  ["ASpace", { name: "Space", path: "space", style: "space" }],
+  ["ASpaceAddon", { name: "SpaceAddon", path: "space", style: "space" }],
+  ["ASpaceCompact", { name: "SpaceCompact", path: "space", style: "space" }],
+  ["ASpin", { name: "Spin", path: "spin", style: "spin" }],
+  ["ASplitter", { name: "Splitter", path: "splitter", style: "splitter" }],
+  ["ASplitterPanel", { name: "SplitterPanel", path: "splitter", style: "splitter" }],
+  ["AStatistic", { name: "Statistic", path: "statistic", style: "statistic" }],
+  ["AStatisticCountdown", { name: "StatisticCountdown", path: "statistic", style: "statistic" }],
+  ["AStatisticTimer", { name: "StatisticTimer", path: "statistic", style: "statistic" }],
+  ["ASteps", { name: "Steps", path: "steps", style: "steps" }],
+  ["ASummary", { name: "Summary", path: "table", style: "table" }],
+  ["ASwitch", { name: "Switch", path: "switch", style: "switch" }],
+  ["ATable", { name: "Table", path: "table", style: "table" }],
+  ["ATableSummary", { name: "Summary", path: "table", style: "table" }],
+  ["ATableSummaryCell", { name: "TableSummaryCell", path: "table", style: "table" }],
+  ["ATableSummaryRow", { name: "TableSummaryRow", path: "table", style: "table" }],
+  ["ATabs", { name: "Tabs", path: "tabs", style: "tabs" }],
+  ["ATag", { name: "Tag", path: "tag", style: "tag" }],
+  ["ATagCheckableTag", { name: "CheckableTag", path: "tag", style: "tag" }],
+  ["ATagCheckableTagGroup", { name: "CheckableTagGroup", path: "tag", style: "tag" }],
+  ["AText", { name: "Text", path: "typography", style: "typography" }],
+  ["ATextarea", { name: "TextArea", path: "input", style: "input" }],
+  ["ATextArea", { name: "TextArea", path: "input", style: "input" }],
+  ["ATimeline", { name: "Timeline", path: "timeline", style: "timeline" }],
+  ["ATimePicker", { name: "TimePicker", path: "time-picker", style: "date-picker" }],
+  [
+    "ATimePickerRangePicker",
+    { name: "TimeRangePicker", path: "time-picker", style: "date-picker" }
+  ],
+  [
+    "ATimePickerWithRange",
+    { name: "TimePickerWithRange", path: "time-picker", style: "date-picker" }
+  ],
+  ["ATimeRangePicker", { name: "TimeRangePicker", path: "time-picker", style: "date-picker" }],
+  ["ATitle", { name: "Title", path: "typography", style: "typography" }],
+  ["ATooltip", { name: "Tooltip", path: "tooltip", style: "tooltip" }],
+  ["ATooltipPurePanel", { name: "TooltipPurePanel", path: "tooltip", style: "tooltip" }],
+  ["ATour", { name: "Tour", path: "tour", style: "tour" }],
+  ["ATourPurePanel", { name: "TourPurePanel", path: "tour", style: "tour" }],
+  ["ATransfer", { name: "Transfer", path: "transfer", style: "transfer" }],
+  ["ATransferList", { name: "TransferList", path: "transfer", style: "transfer" }],
+  ["ATransferOperation", { name: "TransferOperation", path: "transfer", style: "transfer" }],
+  ["ATransferSearch", { name: "TransferSearch", path: "transfer", style: "transfer" }],
+  ["ATree", { name: "Tree", path: "tree", style: "tree" }],
+  ["ATreeDirectoryTree", { name: "DirectoryTree", path: "tree", style: "tree" }],
+  ["ATreeSelect", { name: "TreeSelect", path: "tree-select", style: "tree-select" }],
+  ["ATypography", { name: "Typography", path: "typography", style: "typography" }],
+  ["ATypographyLink", { name: "Link", path: "typography", style: "typography" }],
+  ["ATypographyParagraph", { name: "Paragraph", path: "typography", style: "typography" }],
+  ["ATypographyText", { name: "Text", path: "typography", style: "typography" }],
+  ["ATypographyTitle", { name: "Title", path: "typography", style: "typography" }],
+  ["AUpload", { name: "Upload", path: "upload", style: "upload" }],
+  ["AUploadDragger", { name: "UploadDragger", path: "upload", style: "upload" }],
+  ["AWatermark", { name: "Watermark", path: "watermark" }]
+]);
+
+export { componentImports };

package/dist/index.d.mts

@@ -0,0 +1,11 @@
+import { ComponentResolverObject } from 'unplugin-vue-components';
+
+interface ApolloResolverOptions {
+    /** Import structural component CSS. Applications load their theme explicitly. @default true */
+    importStyle?: boolean;
+}
+/** Resolve Apollo's explicit A-prefixed public component names at build time. */
+declare function ApolloResolver(options?: ApolloResolverOptions): ComponentResolverObject;
+
+export { ApolloResolver };
+export type { ApolloResolverOptions };

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { ComponentResolverObject } from 'unplugin-vue-components';
+
+interface ApolloResolverOptions {
+    /** Import structural component CSS. Applications load their theme explicitly. @default true */
+    importStyle?: boolean;
+}
+/** Resolve Apollo's explicit A-prefixed public component names at build time. */
+declare function ApolloResolver(options?: ApolloResolverOptions): ComponentResolverObject;
+
+export { ApolloResolver };
+export type { ApolloResolverOptions };

package/dist/index.mjs

@@ -0,0 +1,19 @@
+import { componentImports } from './component-imports.mjs';
+import { componentStyles } from './style-manifest.mjs';
+
+function ApolloResolver(options = {}) {
+  return {
+    type: "component",
+    resolve(name) {
+      const component = componentImports.get(name);
+      if (!component) return;
+      return {
+        name: component.name,
+        from: `@apollo-design/ui/${component.path}`,
+        sideEffects: options.importStyle === false || !component.style ? void 0 : componentStyles(component.style)
+      };
+    }
+  };
+}
+
+export { ApolloResolver };

package/dist/style-manifest.mjs

@@ -0,0 +1,20 @@
+import { createRequire } from 'node:module';
+
+const require$1 = createRequire(import.meta.url);
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+const isStyles = (value) => Array.isArray(value) && value.every((entry) => typeof entry === "string");
+function componentStyles(family) {
+  const manifest = require$1("@apollo-design/ui/style-manifest.json");
+  if (!isRecord(manifest) || manifest.schemaVersion !== 1 || !isRecord(manifest.components)) {
+    throw new Error("[ApolloResolver] Unsupported UI style manifest; schemaVersion 1 is required.");
+  }
+  const component = manifest.components[family];
+  if (!isRecord(component) || !isStyles(component.styles)) {
+    throw new Error(
+      `[ApolloResolver] Missing structural styles for UI component family "${family}".`
+    );
+  }
+  return [...component.styles];
+}
+
+export { componentStyles };

package/package.json

@@ -1,6 +1,37 @@
 {
   "name": "@apollo-design/ui-resolver",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.9",
+  "description": "Build-time Vue component and structural CSS imports for Apollo Design.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=22.12.0"
+  },
+  "peerDependencies": {
+    "@apollo-design/ui": ">=0.1.8 <0.2.0",
+    "unplugin-vue-components": "^32.1.0"
+  },
+  "devDependencies": {
+    "@apollo-design/ui": "0.1.9",
+    "unplugin-vue-components": "^32.1.0"
+  },
+  "scripts": {
+    "build": "unbuild --config ../../scripts/unbuild-preserve-modules.mjs",
+    "test": "vitest run --root ../.. --project unit packages/ui-resolver/src",
+    "lint": "vue-tsc --noEmit -p tsconfig.json"
+  }
 }