@qikdev/vue-ui 0.2.255 → 0.2.257

package/dist/lib.umd.js

@@ -7,7 +7,7 @@
         t((V["@qikdev/vue-ui"] = {}), V.Vue, V["@qikdev/sdk"]));
 })(this, function (V, t, Mr) {
   "use strict";
-  const ac = "0.2.255";
+  const ac = "0.2.257";
   class st extends Error {}
   class sc extends st {
     constructor(n) {
@@ -23806,6 +23806,14 @@
                 case "javascript":
                   window.js_beautify && (e = window.js_beautify(e));
                   break;
+                case "json":
+                  try {
+                    const n = JSON.parse(e);
+                    e = JSON.stringify(n, null, 4);
+                  } catch (n) {
+                    console.error("Unable to format invalid JSON string:", n);
+                  }
+                  break;
                 case "css":
                 case "scss":
                   window.css_beautify && (e = window.css_beautify(e));
@@ -23844,23 +23852,42 @@
         model(e) {
           this.$emit("update:modelValue", e);
         },
+        async formatReady() {
+          if (
+            this.mounted &&
+            !(!this.$sdk.global || !this.$sdk.global.injectScript)
+          )
+            switch (this.lang) {
+              case "js":
+              case "javascript":
+                await this.$sdk.global.injectScript(
+                  "https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.5/beautify.min.js",
+                );
+                break;
+              case "css":
+              case "scss":
+                await this.$sdk.global.injectScript(
+                  "https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.5/beautify-css.min.js",
+                );
+                break;
+              case "html":
+                await this.$sdk.global.injectScript(
+                  "https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.5/beautify-html.min.js",
+                );
+                break;
+            }
+        },
       },
       unmounted() {
         this.editor = null;
       },
-      async mounted() {
-        (this.mounted = !0),
-          this.$sdk.global &&
-            this.$sdk.global.injectScript &&
-            (this.$sdk.global.injectScript(
-              "https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.5/beautify.min.js",
-            ),
-            this.$sdk.global.injectScript(
-              "https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.5/beautify-css.min.js",
-            ),
-            this.$sdk.global.injectScript(
-              "https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.5/beautify-html.min.js",
-            ));
+      mounted() {
+        this.mounted = !0;
+      },
+      computed: {
+        formatReady() {
+          return `${this.mounted}-${this.lang}`;
+        },
       },
       data() {
         return {
@@ -24009,7 +24036,7 @@
   }
   const ms = g(y0, [
       ["render", k0],
-      ["__scopeId", "data-v-661639aa"],
+      ["__scopeId", "data-v-fb400049"],
     ]),
     VM = "",
     b0 = {