@shwfed/nuxt 0.1.11 → 0.1.12

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addPlugin, addImports } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addImportsDir } from '@nuxt/kit';
 
 const module$1 = defineNuxtModule({
   meta: {
@@ -9,12 +9,10 @@ const module$1 = defineNuxtModule({
   setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
     nuxt.options.runtimeConfig.public.shwfed = options;
-    addPlugin(resolver.resolve("./runtime/plugins/cel/index"));
-    addImports({
-      name: "useCheating",
-      as: "useCheating",
-      from: resolver.resolve("runtime/composables/useCheating")
-    });
+    addPlugin(resolver.resolve("runtime/plugins/cel/index"));
+    addPlugin(resolver.resolve("runtime/plugins/markdown/index"));
+    addImportsDir(resolver.resolve("runtime/composables"));
+    nuxt.options.typescript.tsConfig.include?.push(resolver.resolve("runtime/types/directive.d.ts"));
   }
 });
 

package/dist/runtime/plugins/markdown/index.d.ts

@@ -0,0 +1,7 @@
+import { md } from './md.js';
+declare const _default: import("#app").Plugin<{
+    md: typeof md;
+}> & import("#app").ObjectPlugin<{
+    md: typeof md;
+}>;
+export default _default;

package/dist/runtime/plugins/markdown/index.js

@@ -0,0 +1,25 @@
+import { defineNuxtPlugin } from "#app";
+import MarkdownIt from "markdown-it";
+import { md } from "./md.js";
+export default defineNuxtPlugin((app) => {
+  const engine = new MarkdownIt("commonmark", {
+    html: true
+  });
+  app.vueApp.directive("md", {
+    beforeMount(el, v) {
+      if (["inline", "inline-flex", "inline-block"].includes(getComputedStyle(el).display)) {
+        el.innerHTML = engine.renderInline(v.value);
+      } else {
+        el.innerHTML = engine.render(v.value);
+      }
+    },
+    beforeUpdate(el, v) {
+      el.innerHTML = engine.renderInline(v.value);
+    }
+  });
+  return {
+    provide: {
+      md
+    }
+  };
+});

package/dist/runtime/plugins/markdown/md.d.ts

@@ -0,0 +1,9 @@
+export type Markdown = string & Record<never, never>;
+/**
+ * Create Markdown text (**Not rendering it into HTML**).
+ *
+ * - Trim the leading and trailing whitespace of the input.
+ * - Escape special characters (except backtick as it will break parsing)
+ * - Use first line indent as the indent of the rest lines.
+ */
+export declare function md(...args: Parameters<typeof String.raw>): Markdown;

package/dist/runtime/plugins/markdown/md.js

@@ -0,0 +1,5 @@
+export function md(...args) {
+  const original = String.raw(...args);
+  const indent = (original.startsWith("\n") ? original.slice(1) : original).split("\n", 1)[0]?.match(/^(\s*)/)?.[1]?.length ?? 0;
+  return original.trim().replaceAll("\\`", "`").split("\n").map((line) => line.replace(new RegExp(`^${String.raw`\s`.repeat(indent)}`), "")).join("\n");
+}

package/dist/runtime/types/directive.d.ts

@@ -0,0 +1,9 @@
+import type { Directive } from 'vue'
+
+export type MdDirective = Directive<HTMLElement, string>
+
+declare module 'vue' {
+  export interface ComponentCustomProperties {
+    vMd: MdDirective
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "",
   "license": "MIT",
   "type": "module",
@@ -62,6 +62,7 @@
     "@nuxt/test-utils": "^3.23.0",
     "@types/markdown-it": "^14.1.2",
     "@types/node": "latest",
+    "@vue/test-utils": "^2.4.6",
     "changelogen": "^0.6.2",
     "eslint": "^9.39.2",
     "husky": "^9.1.7",