@teambit/vue-aspect 0.0.1

package/dist/esm.mjs

@@ -0,0 +1,7 @@
+// eslint-disable-next-line import/no-unresolved
+import cjsModule from './index.js';
+
+export const VueAspect = cjsModule.VueAspect;
+
+export default cjsModule;
+

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { VueAspect } from './vue.aspect';
+export type { VueMain } from './vue.main.runtime';
+export default VueAspect;
+export { VueAspect };

package/dist/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VueAspect", {
+  enumerable: true,
+  get: function () {
+    return _vue().VueAspect;
+  }
+});
+exports.default = void 0;
+function _vue() {
+  const data = require("./vue.aspect");
+  _vue = function () {
+    return data;
+  };
+  return data;
+}
+var _default = exports.default = _vue().VueAspect;
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_vue","data","require","_default","exports","default","VueAspect"],"sources":["index.ts"],"sourcesContent":["import { VueAspect } from './vue.aspect';\n\nexport type { VueMain } from './vue.main.runtime';\nexport default VueAspect;\nexport { VueAspect };\n"],"mappings":";;;;;;;;;;;;AAAA,SAAAA,KAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,IAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAyC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAG1BC,gBAAS","ignoreList":[]}

package/dist/preview-1750389563111.js

@@ -0,0 +1,7 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];
+
+export const compositions_metadata = {"compositions":[]};

package/dist/vue.aspect.d.ts

@@ -0,0 +1,3 @@
+import { Aspect } from '@teambit/harmony';
+export declare const VueAspect: Aspect;
+export default VueAspect;

package/dist/vue.aspect.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VueAspect = void 0;
+function _harmony() {
+  const data = require("@teambit/harmony");
+  _harmony = function () {
+    return data;
+  };
+  return data;
+}
+const VueAspect = exports.VueAspect = _harmony().Aspect.create({
+  id: 'teambit.vue/vue-aspect'
+});
+var _default = exports.default = VueAspect;
+
+//# sourceMappingURL=vue.aspect.js.map

package/dist/vue.aspect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_harmony","data","require","VueAspect","exports","Aspect","create","id","_default","default"],"sources":["vue.aspect.ts"],"sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const VueAspect = Aspect.create({\n  id: 'teambit.vue/vue-aspect',\n});\n\nexport default VueAspect;\n"],"mappings":";;;;;;AAAA,SAAAA,SAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,QAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEO,MAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iBAAM,CAACC,MAAM,CAAC;EACrCC,EAAE,EAAE;AACN,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAJ,OAAA,CAAAK,OAAA,GAEYN,SAAS","ignoreList":[]}

package/dist/vue.main.runtime.d.ts

@@ -0,0 +1,7 @@
+export declare class VueMain {
+    static slots: never[];
+    static dependencies: import("@teambit/harmony").Aspect[];
+    static runtime: import("@teambit/harmony").RuntimeDefinition;
+    static provider([schemaMain]: [any]): Promise<VueMain>;
+}
+export default VueMain;

package/dist/vue.main.runtime.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VueMain = void 0;
+function _cli() {
+  const data = require("@teambit/cli");
+  _cli = function () {
+    return data;
+  };
+  return data;
+}
+function _schema() {
+  const data = require("@teambit/schema");
+  _schema = function () {
+    return data;
+  };
+  return data;
+}
+function _vue() {
+  const data = require("./vue.aspect");
+  _vue = function () {
+    return data;
+  };
+  return data;
+}
+function _vue2() {
+  const data = require("./vue.schema");
+  _vue2 = function () {
+    return data;
+  };
+  return data;
+}
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class VueMain {
+  static async provider([schemaMain]) {
+    if (schemaMain) schemaMain.registerSchemaClasses(() => [_vue2().VueSchema]);
+    return new VueMain();
+  }
+}
+exports.VueMain = VueMain;
+_defineProperty(VueMain, "slots", []);
+// define your aspect dependencies here.
+// in case you need to use another aspect API.
+_defineProperty(VueMain, "dependencies", [_schema().SchemaAspect]);
+_defineProperty(VueMain, "runtime", _cli().MainRuntime);
+_vue().VueAspect.addRuntime(VueMain);
+var _default = exports.default = VueMain;
+
+//# sourceMappingURL=vue.main.runtime.js.map

package/dist/vue.main.runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_cli","data","require","_schema","_vue","_vue2","_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","VueMain","provider","schemaMain","registerSchemaClasses","VueSchema","exports","SchemaAspect","MainRuntime","VueAspect","addRuntime","_default","default"],"sources":["vue.main.runtime.ts"],"sourcesContent":["import { MainRuntime } from '@teambit/cli';\nimport { SchemaAspect } from '@teambit/schema';\nimport { VueAspect } from './vue.aspect';\nimport { VueSchema } from './vue.schema';\n\nexport class VueMain {\n  static slots = [];\n  // define your aspect dependencies here.\n  // in case you need to use another aspect API.\n  static dependencies = [SchemaAspect];\n\n  static runtime = MainRuntime;\n\n  static async provider([schemaMain]) {\n    if (schemaMain) schemaMain.registerSchemaClasses(() => [VueSchema]);\n    return new VueMain();\n  }\n}\n\nVueAspect.addRuntime(VueMain);\n\nexport default VueMain;\n"],"mappings":";;;;;;AAAA,SAAAA,KAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,IAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,QAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,OAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,KAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,IAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,MAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,KAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAyC,SAAAK,gBAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAD,CAAA,GAAAI,MAAA,CAAAC,cAAA,CAAAL,CAAA,EAAAC,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAT,CAAA,CAAAC,CAAA,IAAAC,CAAA,EAAAF,CAAA;AAAA,SAAAG,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,uCAAAQ,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAF,CAAA,GAAAE,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAb,CAAA,QAAAU,CAAA,GAAAV,CAAA,CAAAc,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA;AAElC,MAAMgB,OAAO,CAAC;EAQnB,aAAaC,QAAQA,CAAC,CAACC,UAAU,CAAC,EAAE;IAClC,IAAIA,UAAU,EAAEA,UAAU,CAACC,qBAAqB,CAAC,MAAM,CAACC,iBAAS,CAAC,CAAC;IACnE,OAAO,IAAIJ,OAAO,CAAC,CAAC;EACtB;AACF;AAACK,OAAA,CAAAL,OAAA,GAAAA,OAAA;AAAAnB,eAAA,CAZYmB,OAAO,WACH,EAAE;AACjB;AACA;AAAAnB,eAAA,CAHWmB,OAAO,kBAII,CAACM,sBAAY,CAAC;AAAAzB,eAAA,CAJzBmB,OAAO,aAMDO,kBAAW;AAQ9BC,gBAAS,CAACC,UAAU,CAACT,OAAO,CAAC;AAAC,IAAAU,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEfX,OAAO","ignoreList":[]}

package/dist/vue.renderer.d.ts

@@ -0,0 +1,2 @@
+import type { APINodeRenderer } from '@teambit/api-reference.models.api-node-renderer';
+export declare const vueRenderer: APINodeRenderer;

package/dist/vue.renderer.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.vueRenderer = void 0;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _documenterUi() {
+  const data = require("@teambit/documenter.ui.table");
+  _documenterUi = function () {
+    return data;
+  };
+  return data;
+}
+function _vueRendererModule() {
+  const data = _interopRequireDefault(require("./vue.renderer.module.scss"));
+  _vueRendererModule = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function predicate(node) {
+  return node.__schema === 'VueSchema';
+}
+function useMeta(apiNode) {
+  return apiNode.api.meta;
+}
+function VueSFCTable({
+  rows,
+  hasDescription,
+  expanded
+}) {
+  const headings = hasDescription ? ['name', 'type', 'default', 'description'] : ['name', 'type'];
+  return /*#__PURE__*/_react().default.createElement(_documenterUi().Table, {
+    headings: headings,
+    rows: rows,
+    isListView: expanded
+  });
+}
+function VueSFCProps({
+  props,
+  expanded = false
+}) {
+  const rows = props.filter(({
+    global
+  }) => !global).map(({
+    name,
+    default: defaultValue,
+    required,
+    type,
+    description
+  }) => {
+    const row = {
+      name,
+      required,
+      type,
+      description
+    };
+    if (defaultValue) {
+      row.default = {
+        value: defaultValue
+      };
+    }
+    return row;
+  });
+  if (rows.length === 0) {
+    return /*#__PURE__*/_react().default.createElement("div", null, /*#__PURE__*/_react().default.createElement("h2", {
+      className: _vueRendererModule().default.title
+    }, "Props"), /*#__PURE__*/_react().default.createElement("p", {
+      className: _vueRendererModule().default.empty
+    }, "No props found."));
+  }
+  return /*#__PURE__*/_react().default.createElement("div", null, /*#__PURE__*/_react().default.createElement("h2", {
+    className: _vueRendererModule().default.title
+  }, "Props"), /*#__PURE__*/_react().default.createElement(VueSFCTable, {
+    rows: rows,
+    hasDescription: true,
+    expanded: expanded
+  }));
+}
+function VueSFCEmits({
+  events,
+  expanded = false
+}) {
+  const rows = events.map(({
+    name,
+    type,
+    description
+  }) => ({
+    name,
+    required: false,
+    type,
+    description
+  }));
+  if (rows.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_react().default.createElement("div", null, /*#__PURE__*/_react().default.createElement("h2", {
+    className: _vueRendererModule().default.title
+  }, "Emits"), /*#__PURE__*/_react().default.createElement(VueSFCTable, {
+    rows: rows,
+    expanded: expanded
+  }));
+}
+function VueSFCSlots({
+  slots,
+  expanded
+}) {
+  const rows = slots.map(({
+    name,
+    type,
+    description
+  }) => ({
+    name,
+    required: false,
+    type,
+    description
+  }));
+  if (rows.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_react().default.createElement("div", null, /*#__PURE__*/_react().default.createElement("h2", {
+    className: _vueRendererModule().default.title
+  }, "Slots"), /*#__PURE__*/_react().default.createElement(VueSFCTable, {
+    rows: rows,
+    expanded: expanded
+  }));
+}
+function VueComponent({
+  apiNode
+}) {
+  const meta = useMeta(apiNode);
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: _vueRendererModule().default.container
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _vueRendererModule().default.inner
+  }, /*#__PURE__*/_react().default.createElement(VueSFCProps, {
+    props: meta.props
+  }), /*#__PURE__*/_react().default.createElement(VueSFCEmits, {
+    events: meta.events
+  }), /*#__PURE__*/_react().default.createElement(VueSFCSlots, {
+    slots: meta.slots
+  })));
+}
+function VueOverviewComponent({
+  apiNode
+}) {
+  const meta = useMeta(apiNode);
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: _vueRendererModule().default.container
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _vueRendererModule().default.inner
+  }, /*#__PURE__*/_react().default.createElement(VueSFCProps, {
+    props: meta.props
+  }), /*#__PURE__*/_react().default.createElement(VueSFCEmits, {
+    events: meta.events
+  }), /*#__PURE__*/_react().default.createElement(VueSFCSlots, {
+    slots: meta.slots
+  })));
+}
+const vueRenderer = exports.vueRenderer = {
+  predicate,
+  Component: VueComponent,
+  OverviewComponent: VueOverviewComponent,
+  nodeType: 'Vue SFCs',
+  icon: {
+    name: 'Vue',
+    url: 'https://static.bit.dev/extensions-icons/vue.svg'
+  },
+  default: true
+};
+
+//# sourceMappingURL=vue.renderer.js.map

package/dist/vue.renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_documenterUi","_vueRendererModule","e","__esModule","default","predicate","node","__schema","useMeta","apiNode","api","meta","VueSFCTable","rows","hasDescription","expanded","headings","createElement","Table","isListView","VueSFCProps","props","filter","global","map","name","defaultValue","required","type","description","row","value","length","className","styles","title","empty","VueSFCEmits","events","VueSFCSlots","slots","VueComponent","container","inner","VueOverviewComponent","vueRenderer","exports","Component","OverviewComponent","nodeType","icon","url"],"sources":["vue.renderer.tsx"],"sourcesContent":["import React from 'react';\nimport type { APINodeRenderProps, APINodeRenderer } from '@teambit/api-reference.models.api-node-renderer';\nimport type { APINode } from '@teambit/api-reference.models.api-reference-model';\nimport type { RowType } from '@teambit/documenter.ui.table-row';\nimport { Table } from '@teambit/documenter.ui.table';\nimport type { ComponentMeta } from 'vue-component-meta';\n\nimport styles from './vue.renderer.module.scss';\n\nfunction predicate(node: any): boolean {\n  return node.__schema === 'VueSchema';\n}\n\nfunction useMeta(apiNode: APINode): ComponentMeta {\n  return (apiNode.api as any).meta as ComponentMeta;\n}\n\nfunction VueSFCTable({\n  rows,\n  hasDescription,\n  expanded,\n}: {\n  rows: RowType[];\n  hasDescription?: boolean;\n  expanded?: boolean;\n}) {\n  const headings = hasDescription ? ['name', 'type', 'default', 'description'] : ['name', 'type'];\n  return <Table headings={headings} rows={rows} isListView={expanded} />;\n}\n\nfunction VueSFCProps({ props, expanded = false }: { props: ComponentMeta['props']; expanded?: boolean }) {\n  const rows: RowType[] = props\n    .filter(({ global }) => !global)\n    .map(({ name, default: defaultValue, required, type, description }) => {\n      const row: RowType = {\n        name,\n        required,\n        type,\n        description,\n      };\n      if (defaultValue) {\n        row.default = { value: defaultValue };\n      }\n      return row;\n    });\n  if (rows.length === 0) {\n    return (\n      <div>\n        <h2 className={styles.title}>Props</h2>\n        <p className={styles.empty}>No props found.</p>\n      </div>\n    );\n  }\n  return (\n    <div>\n      <h2 className={styles.title}>Props</h2>\n      <VueSFCTable rows={rows} hasDescription expanded={expanded} />\n    </div>\n  );\n}\n\nfunction VueSFCEmits({ events, expanded = false }: { events: ComponentMeta['events']; expanded?: boolean }) {\n  const rows: RowType[] = events.map(({ name, type, description }) => ({\n    name,\n    required: false,\n    type,\n    description,\n  }));\n  if (rows.length === 0) {\n    return null;\n  }\n  return (\n    <div>\n      <h2 className={styles.title}>Emits</h2>\n      <VueSFCTable rows={rows} expanded={expanded} />\n    </div>\n  );\n}\n\nfunction VueSFCSlots({ slots, expanded }: { slots: ComponentMeta['slots']; expanded?: boolean }) {\n  const rows: RowType[] = slots.map(({ name, type, description }) => ({\n    name,\n    required: false,\n    type,\n    description,\n  }));\n  if (rows.length === 0) {\n    return null;\n  }\n  return (\n    <div>\n      <h2 className={styles.title}>Slots</h2>\n      <VueSFCTable rows={rows} expanded={expanded} />\n    </div>\n  );\n}\n\nfunction VueComponent({ apiNode }: APINodeRenderProps) {\n  const meta = useMeta(apiNode);\n  return (\n    <div className={styles.container}>\n      <div className={styles.inner}>\n        <VueSFCProps props={meta.props} />\n        <VueSFCEmits events={meta.events} />\n        <VueSFCSlots slots={meta.slots} />\n      </div>\n    </div>\n  );\n}\n\nfunction VueOverviewComponent({ apiNode }: APINodeRenderProps) {\n  const meta = useMeta(apiNode);\n  return (\n    <div className={styles.container}>\n      <div className={styles.inner}>\n        <VueSFCProps props={meta.props} />\n        <VueSFCEmits events={meta.events} />\n        <VueSFCSlots slots={meta.slots} />\n      </div>\n    </div>\n  );\n}\n\nexport const vueRenderer: APINodeRenderer = {\n  predicate,\n  Component: VueComponent,\n  OverviewComponent: VueOverviewComponent,\n  nodeType: 'Vue SFCs',\n  icon: { name: 'Vue', url: 'https://static.bit.dev/extensions-icons/vue.svg' },\n  default: true,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/vue.renderer.module.scss

@@ -0,0 +1,22 @@
+.container {
+  display: flex;
+  height: calc(100% - 40px);
+  padding: 24px 0;
+}
+
+.inner {
+  overflow-y: auto;
+  padding-right: 16px;
+  width: 100%;
+}
+
+.title {
+  font-size: var(--bit-p-md);
+  font-weight: 500;
+  padding-bottom: 16px;
+}
+
+.empty {
+  font-size: var(--bit-p-xs);
+  padding-bottom: 24px;
+}

package/dist/vue.schema.d.ts

@@ -0,0 +1,20 @@
+import { type Location, SchemaNode } from '@teambit/semantics.entities.semantic-schema';
+/**
+ * Vue SFC schema node.
+ */
+export declare class VueSchema extends SchemaNode {
+    readonly location: Location;
+    readonly name: string;
+    readonly meta: any;
+    constructor(location: Location, name: string, meta: any);
+    getNodes(): never[];
+    toString(options?: {
+        color?: boolean;
+    }): string;
+    toFullSignature(): string;
+    toObject(): {
+        name: string;
+        meta: any;
+    };
+    static fromObject(obj: Record<string, any>): VueSchema;
+}

package/dist/vue.schema.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VueSchema = void 0;
+function _chalk() {
+  const data = _interopRequireDefault(require("chalk"));
+  _chalk = function () {
+    return data;
+  };
+  return data;
+}
+function _semanticsEntities() {
+  const data = require("@teambit/semantics.entities.semantic-schema");
+  _semanticsEntities = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Vue SFC schema node.
+ */
+class VueSchema extends _semanticsEntities().SchemaNode {
+  constructor(location, name, meta) {
+    super();
+    this.location = location;
+    this.name = name;
+    this.meta = meta;
+  }
+  getNodes() {
+    return [];
+  }
+  toString(options) {
+    const bold = options?.color ? _chalk().default.bold : x => x;
+    return `${bold(this.name)}: import('vue').Component`;
+  }
+  toFullSignature() {
+    return `${this.name}: import('vue').Component`;
+  }
+  toObject() {
+    return _objectSpread(_objectSpread({}, super.toObject()), {}, {
+      name: this.name,
+      meta: this.meta
+    });
+  }
+  static fromObject(obj) {
+    const location = obj.location;
+    const name = obj.name;
+    const meta = obj.meta;
+    return new VueSchema(location, name, meta);
+  }
+}
+exports.VueSchema = VueSchema;
+
+//# sourceMappingURL=vue.schema.js.map

package/dist/vue.schema.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_chalk","data","_interopRequireDefault","require","_semanticsEntities","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","VueSchema","SchemaNode","constructor","location","name","meta","getNodes","toString","options","bold","color","chalk","x","toFullSignature","toObject","fromObject","obj","exports"],"sources":["vue.schema.ts"],"sourcesContent":["import chalk from 'chalk';\nimport { type Location, SchemaNode } from '@teambit/semantics.entities.semantic-schema';\n\n/**\n * Vue SFC schema node.\n */\nexport class VueSchema extends SchemaNode {\n  constructor(\n    readonly location: Location,\n    readonly name: string,\n    readonly meta: any\n  ) {\n    super();\n  }\n\n  getNodes() {\n    return [];\n  }\n\n  toString(options?: { color?: boolean }): string {\n    const bold = options?.color ? chalk.bold : (x: string) => x;\n    return `${bold(this.name)}: import('vue').Component`;\n  }\n\n  toFullSignature(): string {\n    return `${this.name}: import('vue').Component`;\n  }\n\n  toObject() {\n    return {\n      ...super.toObject(),\n      name: this.name,\n      meta: this.meta,\n    };\n  }\n\n  static fromObject(obj: Record<string, any>): VueSchema {\n    const location = obj.location;\n    const name = obj.name;\n    const meta = obj.meta;\n    return new VueSchema(location, name, meta);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/vue.ui.runtime.d.ts

@@ -0,0 +1,7 @@
+export declare class VueMain {
+    static slots: never[];
+    static dependencies: import("@teambit/harmony").Aspect[];
+    static runtime: import("@teambit/harmony").RuntimeDefinition;
+    static provider([apiUI]: [any]): Promise<VueMain>;
+}
+export default VueMain;

package/dist/vue.ui.runtime.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VueMain = void 0;
+function _ui() {
+  const data = require("@teambit/ui");
+  _ui = function () {
+    return data;
+  };
+  return data;
+}
+function _apiReference() {
+  const data = require("@teambit/api-reference");
+  _apiReference = function () {
+    return data;
+  };
+  return data;
+}
+function _vue() {
+  const data = require("./vue.aspect");
+  _vue = function () {
+    return data;
+  };
+  return data;
+}
+function _vue2() {
+  const data = require("./vue.schema");
+  _vue2 = function () {
+    return data;
+  };
+  return data;
+}
+function _vue3() {
+  const data = require("./vue.renderer");
+  _vue3 = function () {
+    return data;
+  };
+  return data;
+}
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class VueMain {
+  static async provider([apiUI]) {
+    apiUI.registerSchemaClasses(() => [_vue2().VueSchema]);
+    apiUI.registerAPINodeRenderer([_vue3().vueRenderer]);
+    return new VueMain();
+  }
+}
+exports.VueMain = VueMain;
+_defineProperty(VueMain, "slots", []);
+// define your aspect dependencies here.
+// in case you need to use another aspect API.
+_defineProperty(VueMain, "dependencies", [_apiReference().APIReferenceAspect]);
+_defineProperty(VueMain, "runtime", _ui().UIRuntime);
+_vue().VueAspect.addRuntime(VueMain);
+var _default = exports.default = VueMain;
+
+//# sourceMappingURL=vue.ui.runtime.js.map

package/dist/vue.ui.runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ui","data","require","_apiReference","_vue","_vue2","_vue3","_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","VueMain","provider","apiUI","registerSchemaClasses","VueSchema","registerAPINodeRenderer","vueRenderer","exports","APIReferenceAspect","UIRuntime","VueAspect","addRuntime","_default","default"],"sources":["vue.ui.runtime.ts"],"sourcesContent":["import { UIRuntime } from '@teambit/ui';\nimport { APIReferenceAspect } from '@teambit/api-reference';\nimport { VueAspect } from './vue.aspect';\nimport { VueSchema } from './vue.schema';\nimport { vueRenderer } from './vue.renderer';\n\nexport class VueMain {\n  static slots = [];\n  // define your aspect dependencies here.\n  // in case you need to use another aspect API.\n  static dependencies = [APIReferenceAspect];\n\n  static runtime = UIRuntime;\n\n  static async provider([apiUI]) {\n    apiUI.registerSchemaClasses(() => [VueSchema]);\n    apiUI.registerAPINodeRenderer([vueRenderer]);\n    return new VueMain();\n  }\n}\n\nVueAspect.addRuntime(VueMain);\n\nexport default VueMain;\n"],"mappings":";;;;;;AAAA,SAAAA,IAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,GAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,cAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,aAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,KAAA;EAAA,MAAAH,IAAA,GAAAC,OAAA;EAAAE,IAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,MAAA;EAAA,MAAAJ,IAAA,GAAAC,OAAA;EAAAG,KAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,MAAA;EAAA,MAAAL,IAAA,GAAAC,OAAA;EAAAI,KAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA6C,SAAAM,gBAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAD,CAAA,GAAAI,MAAA,CAAAC,cAAA,CAAAL,CAAA,EAAAC,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAT,CAAA,CAAAC,CAAA,IAAAC,CAAA,EAAAF,CAAA;AAAA,SAAAG,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,uCAAAQ,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAF,CAAA,GAAAE,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAb,CAAA,QAAAU,CAAA,GAAAV,CAAA,CAAAc,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA;AAEtC,MAAMgB,OAAO,CAAC;EAQnB,aAAaC,QAAQA,CAAC,CAACC,KAAK,CAAC,EAAE;IAC7BA,KAAK,CAACC,qBAAqB,CAAC,MAAM,CAACC,iBAAS,CAAC,CAAC;IAC9CF,KAAK,CAACG,uBAAuB,CAAC,CAACC,mBAAW,CAAC,CAAC;IAC5C,OAAO,IAAIN,OAAO,CAAC,CAAC;EACtB;AACF;AAACO,OAAA,CAAAP,OAAA,GAAAA,OAAA;AAAAnB,eAAA,CAbYmB,OAAO,WACH,EAAE;AACjB;AACA;AAAAnB,eAAA,CAHWmB,OAAO,kBAII,CAACQ,kCAAkB,CAAC;AAAA3B,eAAA,CAJ/BmB,OAAO,aAMDS,eAAS;AAS5BC,gBAAS,CAACC,UAAU,CAACX,OAAO,CAAC;AAAC,IAAAY,QAAA,GAAAL,OAAA,CAAAM,OAAA,GAEfb,OAAO","ignoreList":[]}

package/esm.mjs

@@ -0,0 +1,7 @@
+// eslint-disable-next-line import/no-unresolved
+import cjsModule from './index.js';
+
+export const VueAspect = cjsModule.VueAspect;
+
+export default cjsModule;
+

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@teambit/vue-aspect",
+  "version": "0.0.1",
+  "main": "dist/index.js",
+  "componentId": {
+    "name": "vue-aspect",
+    "version": "0.0.1",
+    "scope": "teambit.vue"
+  },
+  "dependencies": {
+    "vue-component-meta": "^2.2.10",
+    "chalk": "4.1.2",
+    "@teambit/harmony": "0.4.7",
+    "@teambit/documenter.ui.table-row": "4.1.14",
+    "@teambit/documenter.ui.table": "4.1.10",
+    "@teambit/cli": "0.0.1212",
+    "@teambit/schema": "1.0.635",
+    "@teambit/api-reference.models.api-node-renderer": "0.0.45",
+    "@teambit/api-reference.models.api-reference-model": "0.0.45",
+    "@teambit/semantics.entities.semantic-schema": "0.0.87",
+    "@teambit/api-reference": "1.0.635",
+    "@teambit/ui": "1.0.635"
+  },
+  "devDependencies": {
+    "@teambit/harmony.envs.core-aspect-env": "0.0.69"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "@types/react": "^17.0.73"
+  },
+  "license": "Apache-2.0",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
+  "exports": {
+    ".": {
+      "node": {
+        "require": "./dist/index.js",
+        "import": "./dist/esm.mjs"
+      },
+      "default": "./dist/index.js"
+    },
+    "./dist/*": "./dist/*",
+    "./artifacts/*": "./artifacts/*",
+    "./*": "./*.ts"
+  },
+  "private": false,
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/teambit/bit"
+  },
+  "keywords": [
+    "bit",
+    "bit-aspect",
+    "bit-core-aspect",
+    "components",
+    "collaboration",
+    "web"
+  ]
+}

package/types/asset.d.ts

@@ -0,0 +1,41 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  const src: string;
+  export default src;
+}
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}

package/vue.renderer.module.scss

@@ -0,0 +1,22 @@
+.container {
+  display: flex;
+  height: calc(100% - 40px);
+  padding: 24px 0;
+}
+
+.inner {
+  overflow-y: auto;
+  padding-right: 16px;
+  width: 100%;
+}
+
+.title {
+  font-size: var(--bit-p-md);
+  font-weight: 500;
+  padding-bottom: 16px;
+}
+
+.empty {
+  font-size: var(--bit-p-xs);
+  padding-bottom: 24px;
+}

package/vue.renderer.tsx

@@ -0,0 +1,131 @@
+import React from 'react';
+import type { APINodeRenderProps, APINodeRenderer } from '@teambit/api-reference.models.api-node-renderer';
+import type { APINode } from '@teambit/api-reference.models.api-reference-model';
+import type { RowType } from '@teambit/documenter.ui.table-row';
+import { Table } from '@teambit/documenter.ui.table';
+import type { ComponentMeta } from 'vue-component-meta';
+
+import styles from './vue.renderer.module.scss';
+
+function predicate(node: any): boolean {
+  return node.__schema === 'VueSchema';
+}
+
+function useMeta(apiNode: APINode): ComponentMeta {
+  return (apiNode.api as any).meta as ComponentMeta;
+}
+
+function VueSFCTable({
+  rows,
+  hasDescription,
+  expanded,
+}: {
+  rows: RowType[];
+  hasDescription?: boolean;
+  expanded?: boolean;
+}) {
+  const headings = hasDescription ? ['name', 'type', 'default', 'description'] : ['name', 'type'];
+  return <Table headings={headings} rows={rows} isListView={expanded} />;
+}
+
+function VueSFCProps({ props, expanded = false }: { props: ComponentMeta['props']; expanded?: boolean }) {
+  const rows: RowType[] = props
+    .filter(({ global }) => !global)
+    .map(({ name, default: defaultValue, required, type, description }) => {
+      const row: RowType = {
+        name,
+        required,
+        type,
+        description,
+      };
+      if (defaultValue) {
+        row.default = { value: defaultValue };
+      }
+      return row;
+    });
+  if (rows.length === 0) {
+    return (
+      <div>
+        <h2 className={styles.title}>Props</h2>
+        <p className={styles.empty}>No props found.</p>
+      </div>
+    );
+  }
+  return (
+    <div>
+      <h2 className={styles.title}>Props</h2>
+      <VueSFCTable rows={rows} hasDescription expanded={expanded} />
+    </div>
+  );
+}
+
+function VueSFCEmits({ events, expanded = false }: { events: ComponentMeta['events']; expanded?: boolean }) {
+  const rows: RowType[] = events.map(({ name, type, description }) => ({
+    name,
+    required: false,
+    type,
+    description,
+  }));
+  if (rows.length === 0) {
+    return null;
+  }
+  return (
+    <div>
+      <h2 className={styles.title}>Emits</h2>
+      <VueSFCTable rows={rows} expanded={expanded} />
+    </div>
+  );
+}
+
+function VueSFCSlots({ slots, expanded }: { slots: ComponentMeta['slots']; expanded?: boolean }) {
+  const rows: RowType[] = slots.map(({ name, type, description }) => ({
+    name,
+    required: false,
+    type,
+    description,
+  }));
+  if (rows.length === 0) {
+    return null;
+  }
+  return (
+    <div>
+      <h2 className={styles.title}>Slots</h2>
+      <VueSFCTable rows={rows} expanded={expanded} />
+    </div>
+  );
+}
+
+function VueComponent({ apiNode }: APINodeRenderProps) {
+  const meta = useMeta(apiNode);
+  return (
+    <div className={styles.container}>
+      <div className={styles.inner}>
+        <VueSFCProps props={meta.props} />
+        <VueSFCEmits events={meta.events} />
+        <VueSFCSlots slots={meta.slots} />
+      </div>
+    </div>
+  );
+}
+
+function VueOverviewComponent({ apiNode }: APINodeRenderProps) {
+  const meta = useMeta(apiNode);
+  return (
+    <div className={styles.container}>
+      <div className={styles.inner}>
+        <VueSFCProps props={meta.props} />
+        <VueSFCEmits events={meta.events} />
+        <VueSFCSlots slots={meta.slots} />
+      </div>
+    </div>
+  );
+}
+
+export const vueRenderer: APINodeRenderer = {
+  predicate,
+  Component: VueComponent,
+  OverviewComponent: VueOverviewComponent,
+  nodeType: 'Vue SFCs',
+  icon: { name: 'Vue', url: 'https://static.bit.dev/extensions-icons/vue.svg' },
+  default: true,
+};