cosey 0.9.5 → 0.10.1

package/components/highlight/highlight.api.d.ts

@@ -1,20 +1,38 @@
-import hljs from 'highlight.js/lib/core';
-import json from 'highlight.js/lib/languages/json';
-import plaintext from 'highlight.js/lib/languages/plaintext';
-import xml from 'highlight.js/lib/languages/xml';
-import { ExtractPropTypes, PropType, SlotsType } from 'vue';
-export { hljs };
-type xml = 'xml' | 'html' | 'xhtml' | 'rss' | 'atom' | 'xjb' | 'xsd' | 'xsl' | 'plist' | 'wsf' | 'svg';
-type json = 'json';
-type js = 'javascript' | 'js' | 'jsx' | 'mjs' | 'cjs';
-type ts = 'typescript' | 'ts' | 'tsx' | 'mts' | 'cts';
-type plaintext = 'plaintext' | 'text' | 'txt';
+import type { ExtractPropTypes, PropType, SlotsType } from 'vue';
+import Prism from 'prismjs';
+import 'prismjs';
+import 'prismjs/components/prism-scss';
+import 'prismjs/components/prism-sass';
+import 'prismjs/components/prism-less';
+import 'prismjs/components/prism-jsx';
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-tsx';
+import 'prismjs/components/prism-json';
+import 'prismjs/components/prism-json5';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/components/prism-bash';
+import 'prismjs/components/prism-nginx';
+import 'prismjs/components/prism-markup-templating';
+import 'prismjs/components/prism-php';
+import 'prismjs/components/prism-java';
+import 'prismjs/components/prism-sql';
+export { Prism };
+type LangText = 'plain' | 'plaintext' | 'text' | 'txt';
+type LangXml = 'markup' | 'html' | 'mathml' | 'svg' | 'xml' | 'ssml' | 'atom' | 'rss';
+type LangCss = 'css' | 'less' | 'sass' | 'scss';
+type LangJs = 'javascript' | 'js' | 'typescript' | 'ts' | 'jsx' | 'tsx';
+type LangJson = 'json' | 'json5';
+type LangMd = 'markdown' | 'md';
+type LangBash = 'bash' | 'sh' | 'shell';
+type LangPython = 'python' | 'py';
+type Lang = LangText | LangXml | LangCss | LangJs | 'clike' | LangJson | LangMd | LangBash | 'nginx' | 'php' | 'java' | 'sql' | LangPython;
 export declare const highlightProps: {
     code: {
         type: StringConstructor;
     };
     lang: {
-        type: PropType<xml | json | js | ts | plaintext | "css" | "scss" | "less" | (string & {})>;
+        type: PropType<Lang | (string & {})>;
+        default: string;
     };
     maxHeight: {
         type: StringConstructor;

package/components/highlight/highlight.api.js

@@ -1,28 +1,12 @@
-import hljs from 'highlight.js/lib/core';
-export { default as hljs } from 'highlight.js/lib/core';
-import typescript from 'highlight.js/lib/languages/typescript';
-import javascript from 'highlight.js/lib/languages/javascript';
-import json from 'highlight.js/lib/languages/json';
-import plaintext from 'highlight.js/lib/languages/plaintext';
-import xml from 'highlight.js/lib/languages/xml';
-import css from 'highlight.js/lib/languages/css';
-import scss from 'highlight.js/lib/languages/scss';
-import less from 'highlight.js/lib/languages/less';
+export { default as Prism } from 'prismjs';
 
-hljs.registerLanguage("typescript", typescript);
-hljs.registerLanguage("javascript", javascript);
-hljs.registerLanguage("json", json);
-hljs.registerLanguage("plaintext", plaintext);
-hljs.registerLanguage("xml", xml);
-hljs.registerLanguage("css", css);
-hljs.registerLanguage("scss", scss);
-hljs.registerLanguage("less", less);
 const highlightProps = {
   code: {
     type: String
   },
   lang: {
-    type: String
+    type: String,
+    default: "text"
   },
   maxHeight: {
     type: String

package/components/highlight/highlight.d.ts

@@ -3,7 +3,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
     };
     lang: {
-        type: import("vue").PropType<("html" | "svg" | "xml" | "xhtml" | "rss" | "atom" | "xjb" | "xsd" | "xsl" | "plist" | "wsf") | "json" | ("javascript" | "js" | "jsx" | "mjs" | "cjs") | ("typescript" | "ts" | "tsx" | "mts" | "cts") | ("text" | "plaintext" | "txt") | "css" | "scss" | "less" | (string & {})>;
+        type: import("vue").PropType<("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx") | (string & {})>;
+        default: string;
     };
     maxHeight: {
         type: StringConstructor;
@@ -13,10 +14,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
     };
     lang: {
-        type: import("vue").PropType<("html" | "svg" | "xml" | "xhtml" | "rss" | "atom" | "xjb" | "xsd" | "xsl" | "plist" | "wsf") | "json" | ("javascript" | "js" | "jsx" | "mjs" | "cjs") | ("typescript" | "ts" | "tsx" | "mts" | "cts") | ("text" | "plaintext" | "txt") | "css" | "scss" | "less" | (string & {})>;
+        type: import("vue").PropType<("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx") | (string & {})>;
+        default: string;
     };
     maxHeight: {
         type: StringConstructor;
     };
-}>> & Readonly<{}>, {}, import("vue").SlotsType<import("./highlight.api").HighlightSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {
+    lang: (string & {}) | ("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx");
+}, import("vue").SlotsType<import("./highlight.api").HighlightSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/highlight/highlight.js

@@ -1,10 +1,10 @@
 import { defineComponent, computed, createVNode } from 'vue';
 import { ElScrollbar } from 'element-plus';
 import { highlightSlots, highlightProps } from './highlight.api.js';
-import stdin_default$1 from './highlight.style.js';
+import stdin_default$1, { useGlobalHighlightStyle } from './highlight.style.js';
 import stdin_default$2 from '../copy/copy.js';
 import { useComponentConfig } from '../config-provider/config-provider.api.js';
-import hljs from 'highlight.js/lib/core';
+import Prism from 'prismjs';
 
 var stdin_default = defineComponent({
   name: "CoHighlight",
@@ -17,19 +17,19 @@ var stdin_default = defineComponent({
     const {
       hashId
     } = stdin_default$1(prefixCls);
-    const highlightedCode = computed(() => hljs.highlight(props.code || "", {
-      language: props.lang || "txt"
-    }).value);
+    useGlobalHighlightStyle();
+    const highlightedCode = computed(() => Prism.highlight(props.code || "", Prism.languages[props.lang] || Prism.languages["text"], props.lang));
     return () => {
       return createVNode("div", {
         "class": [hashId.value, prefixCls.value]
       }, [createVNode(ElScrollbar, {
         "tag": "pre",
         "class": `${prefixCls.value}-scroll`,
-        "view-class": "hljs",
+        "view-class": `language-${props.lang}`,
         "maxHeight": props.maxHeight
       }, {
         default: () => [createVNode("code", {
+          "class": `language-${props.lang}`,
           "innerHTML": highlightedCode.value
         }, null)]
       }), createVNode("div", {

package/components/highlight/highlight.style.d.ts

@@ -5,3 +5,4 @@ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string
     hashId: import("vue").Ref<string, string>;
 };
 export default _default;
+export declare const useGlobalHighlightStyle: (themeManager?: import("../theme/theme-context").ThemeManager) => void;

package/components/highlight/highlight.style.js

@@ -1,86 +1,318 @@
+import { getGlobalStyleHook } from '../theme/getGlobalStyleHook.js';
 import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
 
 function getHljsDark() {
   return {
-    ".hljs": {
-      color: "#abb2bf",
-      background: "#282c34"
+    'pre[class*="language-"], code[class*="language-"]': {
+      display: "block",
+      color: "#d4d4d4",
+      fontSize: "13px",
+      textShadow: "none",
+      fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+      direction: "ltr",
+      textAlign: "left",
+      whiteSpace: "pre",
+      wordSpacing: "normal",
+      wordBreak: "normal",
+      lineHeight: 1.5,
+      mozTabSize: 4,
+      oTabSize: 4,
+      tabSize: 4,
+      webkitHyphens: "none",
+      mozHyphens: "none",
+      msHyphens: "none",
+      hyphens: "none"
     },
-    ".hljs-comment,.hljs-quote": {
-      color: "#5c6370",
-      fontStyle: "italic"
+    'pre[class*="language-"]::selection, code[class*="language-"]::selection, pre[class*="language-"] *::selection, code[class*="language-"] *::selection': {
+      textShadow: "none",
+      background: "#264F78"
     },
-    ".hljs-doctag,.hljs-keyword,.hljs-formula": {
-      color: "#c678dd"
+    "@media print": {
+      'pre[class*="language-"], code[class*="language-"]': {
+        textShadow: "none"
+      }
     },
-    ".hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst": {
-      color: "#e06c75"
+    'pre[class*="language-"]': {
+      padding: "1em",
+      overflow: "auto",
+      background: "#1e1e1e"
     },
-    ".hljs-literal": {
-      color: "#56b6c2"
+    ':not(pre) > code[class*="language-"]': {
+      borderRadius: ".3em",
+      color: "#db4c69",
+      background: "#1e1e1e"
     },
-    ".hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string": {
-      color: "#98c379"
+    ".namespace": {
+      opacity: 0.7
     },
-    ".hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number": {
-      color: "#d19a66"
+    ".token.doctype .token.doctype-tag": {
+      color: "#569CD6"
     },
-    ".hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title": {
-      color: "#61aeee"
+    ".token.doctype .token.name": {
+      color: "#9cdcfe"
     },
-    ".hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title": {
-      color: "#e6c07b"
+    ".token.comment, .token.prolog": {
+      color: "#6a9955"
     },
-    ".hljs-emphasis": {
-      fontStyle: "italic"
+    ".token.punctuation, .language-html .language-css .token.punctuation, .language-html .language-javascript .token.punctuation": {
+      color: "#d4d4d4"
     },
-    ".hljs-strong": {
-      fontWeight: "bold"
+    ".token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.inserted, .token.unit": {
+      color: "#b5cea8"
+    },
+    ".token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.deleted": {
+      color: "#ce9178"
     },
-    ".hljs-link": {
+    ".language-css .token.string.url": {
       textDecoration: "underline"
+    },
+    ".token.operator, .token.entity": {
+      color: "#d4d4d4"
+    },
+    ".token.operator.arrow": {
+      color: "#569CD6"
+    },
+    ".token.atrule": {
+      color: "#ce9178"
+    },
+    ".token.atrule .token.rule": {
+      color: "#c586c0"
+    },
+    ".token.atrule .token.url": {
+      color: "#9cdcfe"
+    },
+    ".token.atrule .token.url .token.function": {
+      color: "#dcdcaa"
+    },
+    ".token.atrule .token.url .token.punctuation": {
+      color: "#d4d4d4"
+    },
+    ".token.keyword": {
+      color: "#569CD6"
+    },
+    ".token.keyword.module, .token.keyword.control-flow": {
+      color: "#c586c0"
+    },
+    ".token.function, .token.function .token.maybe-class-name": {
+      color: "#dcdcaa"
+    },
+    ".token.regex": {
+      color: "#d16969"
+    },
+    ".token.important": {
+      color: "#569cd6"
+    },
+    ".token.italic": {
+      fontStyle: "italic"
+    },
+    ".token.constant": {
+      color: "#9cdcfe"
+    },
+    ".token.class-name, .token.maybe-class-name": {
+      color: "#4ec9b0"
+    },
+    ".token.console": {
+      color: "#9cdcfe"
+    },
+    ".token.parameter": {
+      color: "#9cdcfe"
+    },
+    ".token.interpolation": {
+      color: "#9cdcfe"
+    },
+    ".token.punctuation.interpolation-punctuation": {
+      color: "#569cd6"
+    },
+    ".token.boolean": {
+      color: "#569cd6"
+    },
+    ".token.property, .token.variable, .token.imports .token.maybe-class-name, .token.exports .token.maybe-class-name": {
+      color: "#9cdcfe"
+    },
+    ".token.selector": {
+      color: "#d7ba7d"
+    },
+    ".token.escape": {
+      color: "#d7ba7d"
+    },
+    ".token.tag": {
+      color: "#569cd6"
+    },
+    ".token.tag .token.punctuation": {
+      color: "#808080"
+    },
+    ".token.cdata": {
+      color: "#808080"
+    },
+    ".token.attr-name": {
+      color: "#9cdcfe"
+    },
+    ".token.attr-value, .token.attr-value .token.punctuation": {
+      color: "#ce9178"
+    },
+    ".token.attr-value .token.punctuation.attr-equals": {
+      color: "#d4d4d4"
+    },
+    ".token.entity": {
+      color: "#569cd6"
+    },
+    ".token.namespace": {
+      color: "#4ec9b0"
+    },
+    'pre[class*="language-javascript"], code[class*="language-javascript"], pre[class*="language-jsx"], code[class*="language-jsx"], pre[class*="language-typescript"], code[class*="language-typescript"], pre[class*="language-tsx"], code[class*="language-tsx"]': {
+      color: "#9cdcfe"
+    },
+    'pre[class*="language-css"], code[class*="language-css"]': {
+      color: "#ce9178"
+    },
+    'pre[class*="language-html"], code[class*="language-html"]': {
+      color: "#d4d4d4"
+    },
+    ".language-regex .token.anchor": {
+      color: "#dcdcaa"
+    },
+    ".language-html .token.punctuation": {
+      color: "#808080"
+    },
+    'pre[class*="language-"] > code[class*="language-"]': {
+      position: "relative",
+      zIndex: 1
+    },
+    ".line-highlight.line-highlight": {
+      background: "#f7ebc6",
+      boxShadow: "inset 5px 0 0 #f7d87c",
+      zIndex: 0
     }
   };
 }
 function getHljsLight() {
   return {
-    ".hljs": {
-      color: "#383a42",
-      background: "#fafafa"
+    'code[class*="language-"], pre[class*="language-"]': {
+      display: "block",
+      background: "hsl(230, 1%, 98%)",
+      color: "hsl(230, 8%, 24%)",
+      fontFamily: '"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',
+      direction: "ltr",
+      textAlign: "left",
+      whiteSpace: "pre",
+      wordSpacing: "normal",
+      wordBreak: "normal",
+      lineHeight: 1.5,
+      mozTabSize: 2,
+      oTabSize: 2,
+      tabSize: 2,
+      webkitHyphens: "none",
+      mozHyphens: "none",
+      msHyphens: "none",
+      hyphens: "none"
     },
-    ".hljs-comment,.hljs-quote": {
-      color: "#a0a1a7",
-      fontStyle: "italic"
+    'code[class*="language-"]::-moz-selection, code[class*="language-"] *::-moz-selection, pre[class*="language-"] *::-moz-selection': {
+      background: "hsl(230, 1%, 90%)",
+      color: "inherit"
+    },
+    'code[class*="language-"]::selection, code[class*="language-"] *::selection, pre[class*="language-"] *::selection': {
+      background: "hsl(230, 1%, 90%)",
+      color: "inherit"
+    },
+    'pre[class*="language-"]': {
+      padding: "1em",
+      overflow: "auto",
+      borderRadius: "0.3em"
+    },
+    ':not(pre) > code[class*="language-"]': {
+      borderRadius: "0.3em",
+      whiteSpace: "normal"
+    },
+    ".token.comment, .token.prolog, .token.cdata": {
+      color: "hsl(230, 4%, 64%)"
+    },
+    ".token.doctype, .token.punctuation, .token.entity": {
+      color: "hsl(230, 8%, 24%)"
+    },
+    ".token.attr-name, .token.class-name, .token.boolean, .token.constant, .token.number, .token.atrule": {
+      color: "hsl(35, 99%, 36%)"
+    },
+    ".token.keyword": {
+      color: "hsl(301, 63%, 40%)"
+    },
+    ".token.property, .token.tag, .token.symbol, .token.deleted, .token.important": {
+      color: "hsl(5, 74%, 59%)"
+    },
+    ".token.selector, .token.string, .token.char, .token.builtin, .token.inserted, .token.regex, .token.attr-value, .token.attr-value > .token.punctuation": {
+      color: "hsl(119, 34%, 47%)"
+    },
+    ".token.variable, .token.operator, .token.function": {
+      color: "hsl(221, 87%, 60%)"
+    },
+    ".token.url": {
+      color: "hsl(198, 99%, 37%)"
     },
-    ".hljs-doctag,.hljs-keyword,.hljs-formula": {
-      color: "#a626a4"
+    ".token.attr-value > .token.punctuation.attr-equals, .token.special-attr > .token.attr-value > .token.value.css": {
+      color: "hsl(230, 8%, 24%)"
     },
-    ".hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst": {
-      color: "#e45649"
+    ".language-css .token.selector": {
+      color: "hsl(5, 74%, 59%)"
     },
-    ".hljs-literal": {
-      color: "#0184bb"
+    ".language-css .token.property": {
+      color: "hsl(230, 8%, 24%)"
     },
-    ".hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string": {
-      color: "#50a14f"
+    ".language-css .token.function, .language-css .token.url > .token.function": {
+      color: "hsl(198, 99%, 37%)"
     },
-    ".hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number": {
-      color: "#986801"
+    ".language-css .token.url > .token.string.url": {
+      color: "hsl(119, 34%, 47%)"
     },
-    ".hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title": {
-      color: "#4078f2"
+    ".language-css .token.important, .language-css .token.atrule .token.rule": {
+      color: "hsl(301, 63%, 40%)"
     },
-    ".hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title": {
-      color: "#c18401"
+    ".language-javascript .token.operator": {
+      color: "hsl(301, 63%, 40%)"
     },
-    ".hljs-emphasis": {
+    ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": {
+      color: "hsl(344, 84%, 43%)"
+    },
+    ".language-json .token.operator": {
+      color: "hsl(230, 8%, 24%)"
+    },
+    ".language-json .token.null.keyword": {
+      color: "hsl(35, 99%, 36%)"
+    },
+    ".language-markdown .token.url, .language-markdown .token.url > .token.operator, .language-markdown .token.url-reference.url > .token.string": {
+      color: "hsl(230, 8%, 24%)"
+    },
+    ".language-markdown .token.url > .token.content": {
+      color: "hsl(221, 87%, 60%)"
+    },
+    ".language-markdown .token.url > .token.url, .language-markdown .token.url-reference.url": {
+      color: "hsl(198, 99%, 37%)"
+    },
+    ".language-markdown .token.blockquote.punctuation, .language-markdown .token.hr.punctuation": {
+      color: "hsl(230, 4%, 64%)",
       fontStyle: "italic"
     },
-    ".hljs-strong": {
+    ".language-markdown .token.code-snippet": {
+      color: "hsl(119, 34%, 47%)"
+    },
+    ".language-markdown .token.bold .token.content": {
+      color: "hsl(35, 99%, 36%)"
+    },
+    ".language-markdown .token.italic .token.content": {
+      color: "hsl(301, 63%, 40%)"
+    },
+    ".language-markdown .token.strike .token.content, .language-markdown .token.strike .token.punctuation, .language-markdown .token.list.punctuation, .language-markdown .token.title.important > .token.punctuation": {
+      color: "hsl(5, 74%, 59%)"
+    },
+    ".token.bold": {
       fontWeight: "bold"
     },
-    ".hljs-link": {
-      textDecoration: "underline"
+    ".token.comment, .token.italic": {
+      fontStyle: "italic"
+    },
+    ".token.entity": {
+      cursor: "help"
+    },
+    ".token.namespace": {
+      opacity: 0.8
     }
   };
 }
@@ -102,13 +334,15 @@ var stdin_default = getSimpleStyleHook("CoHighlight", (token) => {
         insetBlockStart: token.sizeXXS,
         insetInlineEnd: token.sizeXXS,
         zIndex: 10
-      },
-      ...getHljsLight(),
-      ":root.dark &": {
-        ...getHljsDark()
       }
     }
   };
 });
+const useGlobalHighlightStyle = getGlobalStyleHook("CoGlobalHighlight", () => {
+  return {
+    ":root.dark": getHljsDark(),
+    ":root:not(.dark)": getHljsLight()
+  };
+});
 
-export { stdin_default as default, getHljsDark, getHljsLight };
+export { stdin_default as default, getHljsDark, getHljsLight, useGlobalHighlightStyle };

package/components/highlight/index.d.ts

@@ -5,12 +5,15 @@ declare const _Highlight: {
             type: StringConstructor;
         };
         lang: {
-            type: import("vue").PropType<("html" | "svg" | "xml" | "xhtml" | "rss" | "atom" | "xjb" | "xsd" | "xsl" | "plist" | "wsf") | "json" | ("javascript" | "js" | "jsx" | "mjs" | "cjs") | ("typescript" | "ts" | "tsx" | "mts" | "cts") | ("text" | "plaintext" | "txt") | "css" | "scss" | "less" | (string & {})>;
+            type: import("vue").PropType<("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx") | (string & {})>;
+            default: string;
         };
         maxHeight: {
             type: StringConstructor;
         };
-    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, import("vue").SlotsType<import("./highlight.api").HighlightSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        lang: (string & {}) | ("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx");
+    }, true, {}, import("vue").SlotsType<import("./highlight.api").HighlightSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -22,12 +25,15 @@ declare const _Highlight: {
             type: StringConstructor;
         };
         lang: {
-            type: import("vue").PropType<("html" | "svg" | "xml" | "xhtml" | "rss" | "atom" | "xjb" | "xsd" | "xsl" | "plist" | "wsf") | "json" | ("javascript" | "js" | "jsx" | "mjs" | "cjs") | ("typescript" | "ts" | "tsx" | "mts" | "cts") | ("text" | "plaintext" | "txt") | "css" | "scss" | "less" | (string & {})>;
+            type: import("vue").PropType<("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx") | (string & {})>;
+            default: string;
         };
         maxHeight: {
             type: StringConstructor;
         };
-    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        lang: (string & {}) | ("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx");
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -36,11 +42,14 @@ declare const _Highlight: {
         type: StringConstructor;
     };
     lang: {
-        type: import("vue").PropType<("html" | "svg" | "xml" | "xhtml" | "rss" | "atom" | "xjb" | "xsd" | "xsl" | "plist" | "wsf") | "json" | ("javascript" | "js" | "jsx" | "mjs" | "cjs") | ("typescript" | "ts" | "tsx" | "mts" | "cts") | ("text" | "plaintext" | "txt") | "css" | "scss" | "less" | (string & {})>;
+        type: import("vue").PropType<("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx") | (string & {})>;
+        default: string;
     };
     maxHeight: {
         type: StringConstructor;
     };
-}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, import("vue").SlotsType<import("./highlight.api").HighlightSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
+}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    lang: (string & {}) | ("php" | "java" | "sql" | ("text" | "plaintext" | "plain" | "txt") | ("html" | "svg" | "mathml" | "xml" | "markup" | "ssml" | "atom" | "rss") | ("css" | "less" | "scss" | "sass") | ("javascript" | "jsx" | "typescript" | "tsx" | "js" | "ts") | ("json" | "json5") | ("md" | "markdown") | ("bash" | "sh" | "shell") | ("python" | "py") | "clike" | "nginx");
+}, {}, string, import("vue").SlotsType<import("./highlight.api").HighlightSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _Highlight as Highlight };
 export default _Highlight;

package/components/highlight/index.js

@@ -1,7 +1,7 @@
 import { withInstall } from '../utils.js';
 import stdin_default$1 from './highlight.js';
 export { highlightProps, highlightSlots } from './highlight.api.js';
-export { default as hljs } from 'highlight.js/lib/core';
+export { default as Prism } from 'prismjs';
 
 const _Highlight = withInstall(stdin_default$1);
 var stdin_default = _Highlight;

package/components/icon/icon.api.d.ts

@@ -0,0 +1,11 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+import { type IconifyIconProps } from '../iconify-icon';
+export declare const iconProps: {
+    name: {
+        type: PropType<IconifyIconProps["name"] | (string & {})>;
+    };
+    size: {
+        type: PropType<number | "sm" | "md" | "lg" | "xl" | ({} & string)>;
+    };
+};
+export type IconProps = ExtractPropTypes<typeof iconProps>;

package/components/icon/icon.api.js

@@ -0,0 +1,10 @@
+const iconProps = {
+  name: {
+    type: String
+  },
+  size: {
+    type: [Number, String]
+  }
+};
+
+export { iconProps };