@monkeyplus/flow 6.0.29 → 6.0.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monkeyplus/flow",
-  "version": "6.0.29",
+  "version": "6.0.30",
   "description": "@monkeyplus/flow package-first runtime with Vite, Nitro, Vue and a workspace playground.",
   "license": "MIT",
   "publishConfig": {

package/server/lib/render.mjs

@@ -133,6 +133,13 @@ async function renderBody(page) {
     }
   });
   const app = createSSRApp(TemplateRoot);
+  app.config.warnHandler = (msg, instance, trace) => {
+    const cleanTrace = trace.split("\n").map((line) => {
+      return line.length > 200 ? line.substring(0, 200) + " ... >" : line;
+    }).join("\n");
+    console.warn(`[Vue warn]: ${msg}
+${cleanTrace}`);
+  };
   app.provide("context", context);
   app.provide("utils", utils);
   const head = createHead();

package/src/public/components.d.ts

@@ -2,3 +2,4 @@ export { default as FlowIsland } from '../runtime/components/FlowIsland.ts';
 export { default as MkImage } from '../runtime/components/MkImage.ts';
 export { default as MkLink } from '../runtime/components/MkLink.ts';
 export { default as MkPicture } from '../runtime/components/MkPicture.ts';
+export { default as MkIcon } from '../runtime/components/MkIcon.ts';

package/src/public/components.mjs

@@ -2,3 +2,4 @@ export { default as FlowIsland } from "../runtime/components/FlowIsland.mjs";
 export { default as MkImage } from "../runtime/components/MkImage.mjs";
 export { default as MkLink } from "../runtime/components/MkLink.mjs";
 export { default as MkPicture } from "../runtime/components/MkPicture.mjs";
+export { default as MkIcon } from "../runtime/components/MkIcon.mjs";

package/src/runtime/components/MkIcon.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/src/runtime/components/MkIcon.mjs

@@ -0,0 +1,34 @@
+import { Icon } from "@iconify/vue";
+import { computed, defineComponent, h, Text } from "vue";
+export default defineComponent({
+  name: "MkIcon",
+  setup(props, { slots, attrs }) {
+    const iconName = computed(() => {
+      let name = "";
+      try {
+        const defaultSlot = slots.default?.();
+        if (defaultSlot) {
+          for (const vnode of defaultSlot) {
+            if (typeof vnode.children === "string") {
+              name += vnode.children;
+            } else if (vnode.type === Text && typeof vnode.children === "string") {
+              name += vnode.children;
+            }
+          }
+        }
+      } catch (e) {
+        name = "";
+      }
+      return name.trim();
+    });
+    return () => {
+      if (!iconName.value) {
+        return h("span", { ...attrs }, slots.default?.());
+      }
+      return h(Icon, {
+        icon: iconName.value,
+        ...attrs
+      });
+    };
+  }
+});