vuepress-plugin-md-power 1.0.0-rc.93 → 1.0.0-rc.95

package/lib/client/components/CodeRepl.vue

@@ -67,20 +67,16 @@ function runCode() {
         </p>
         <div v-if="stderr.length" class="stderr">
           <h4>Stderr:</h4>
-          <p
+          <pre
             v-for="(item, index) in stderr" :key="index"
             :class="{ error: lang === 'rust' && item.startsWith('error') }"
-          >
-            <pre>{{ item }}</pre>
-          </p>
+          >{{ item }}</pre>
         </div>
         <div v-if="stdout.length" class="stdout">
           <h4 v-if="stderr.length">
             Stdout:
           </h4>
-          <p v-for="(item, index) in stdout" :key="index">
-            <pre>{{ item }}</pre>
-          </p>
+          <pre v-for="(item, index) in stdout" :key="index">{{ item }}</pre>
         </div>
       </div>
     </div>
@@ -214,13 +210,13 @@ function runCode() {
   font-size: 16px;
 }
 
-.output-content p {
+.output-content pre {
   margin: 0;
   font-size: 14px;
   line-height: 20px;
 }
 
-.output-content p pre {
+.output-content pre {
   width: fit-content;
   padding: 0 20px 0 0;
   margin: 0;
@@ -228,13 +224,13 @@ function runCode() {
 }
 
 .output-content .error,
-.output-content .stderr p,
-.output-content.rust .stderr p.error {
+.output-content .stderr pre,
+.output-content.rust .stderr pre.error {
   color: var(--vp-c-danger-1, #b8272c);
   transition: color var(--t-color);
 }
 
-.output-content.rust .stderr p {
+.output-content.rust .stderr pre {
   color: var(--vp-c-text-1);
 }
 

package/lib/client/composables/codeRepl.d.ts

@@ -9,14 +9,14 @@ declare function resolveCodeInfo(el: HTMLDivElement): {
 declare function useCodeRepl(el: Ref<HTMLDivElement | null>): {
     onRunCode: () => Promise<void>;
     onCleanRun: () => void;
-    lang: Ref<Lang | undefined>;
-    backendVersion: Ref<string>;
-    firstRun: Ref<boolean>;
-    stderr: Ref<string[]>;
-    stdout: Ref<string[]>;
-    loaded: Ref<boolean>;
-    finished: Ref<boolean>;
-    error: Ref<string>;
+    lang: Ref<Lang | undefined, Lang | undefined>;
+    backendVersion: Ref<string, string>;
+    firstRun: Ref<boolean, boolean>;
+    stderr: Ref<string[], string[]>;
+    stdout: Ref<string[], string[]>;
+    loaded: Ref<boolean, boolean>;
+    finished: Ref<boolean, boolean>;
+    error: Ref<string, string>;
 };
 
 export { resolveCode, resolveCodeInfo, useCodeRepl };

package/lib/client/composables/size.js

@@ -5,15 +5,6 @@ function useSize(options, extraHeight = 0) {
   const el = shallowRef();
   const width = computed(() => toValue(options.width) || "100%");
   const height = ref("auto");
-  const getRadio = (ratio) => {
-    if (typeof ratio === "string") {
-      const [width2, height2] = ratio.split(":");
-      const parsedRadio = Number(width2) / Number(height2);
-      if (!Number.isNaN(parsedRadio))
-        return parsedRadio;
-    }
-    return typeof ratio === "number" ? ratio : 16 / 9;
-  };
   const getHeight = (width2) => {
     const height2 = toValue(options.height);
     const ratio = getRadio(toValue(options.ratio));
@@ -32,6 +23,15 @@ function useSize(options, extraHeight = 0) {
   });
   return { el, width, height, resize };
 }
+function getRadio(ratio) {
+  if (typeof ratio === "string") {
+    const [width, height] = ratio.split(":");
+    const parsedRadio = Number(width) / Number(height);
+    if (!Number.isNaN(parsedRadio))
+      return parsedRadio;
+  }
+  return typeof ratio === "number" ? ratio : 16 / 9;
+}
 export {
   useSize
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuepress-plugin-md-power",
   "type": "module",
-  "version": "1.0.0-rc.93",
+  "version": "1.0.0-rc.95",
   "description": "The Plugin for VuePress 2 - markdown power",
   "author": "pengzhanbo <volodymyr@foxmail.com>",
   "license": "MIT",
@@ -38,10 +38,10 @@
     "@vueuse/core": "^11.0.3",
     "markdown-it-container": "^4.0.0",
     "nanoid": "^5.0.7",
-    "shiki": "^1.15.2",
-    "tm-grammars": "^1.17.11",
+    "shiki": "^1.16.1",
+    "tm-grammars": "^1.17.14",
     "tm-themes": "^1.8.1",
-    "vue": "^3.4.38"
+    "vue": "^3.5.0"
   },
   "devDependencies": {
     "@types/markdown-it": "^14.1.2"