feat(docs): use webpack to load openapi yaml schema

docs/.vuepress/components/OpenAPI.vue

@@ -11,6 +11,7 @@ import prism from "prismjs";
 import "prismjs/components/prism-json";
 import "prismjs/components/prism-typescript";
 import "swagger-ui/dist/swagger-ui.css";
+import spec from "../../../openapi.yaml";
 
 const md = new Remarkable({
   html: true,
@@ -66,29 +67,6 @@ const PrismJSPlugin = function (system) {
       highlightCode: PrismJSComponent,
       Markdown: MarkdownComponent,
     },
-    // wrapComponents: {
-    //   Markdown: (Original) => (props) => {
-    //     console.log(md.render(props.source));
-    //     let result;
-    //     let newSource = props.source;
-    //     while ((result = codeRegex.exec(props.source)) !== null) {
-    //       const lang = result[1];
-    //       if (prism.languages[lang]) {
-    //         const code = prism.highlight(
-    //           result[2],
-    //           prism.languages[lang],
-    //           lang
-    //         );
-    //         newSource = newSource.replace(
-    //           result[0],
-    //           `<pre class="language-${lang}"><code>${code}</code></pre>`
-    //         );
-    //       }
-    //     }
-    //     props.source = newSource;
-    //     return Original(props);
-    //   },
-    // },
   };
 };
 
@@ -97,7 +75,7 @@ export default {
     this.$nextTick(() => {
       const domNode = document.getElementById("openapi-wrapper");
       SwaggerUI({
-        url: "/openapi.yaml",
+        spec,
         domNode,
         docExpansion: "list",
         deepLinking: false,

docs/.vuepress/config.js

@@ -1,4 +1,4 @@
-const { writeFileSync, copyFileSync } = require("fs");
+const { writeFileSync } = require("fs");
 const { resolve } = require("path");
 const { config } = require("vuepress-theme-hope");
 const { name, version, description, repository } = require("../../package.json");
@@ -24,7 +24,6 @@ const oembed = {
 };
 
 writeFileSync(resolve(__dirname, "public", "oembed.json"), JSON.stringify(oembed, null, 2));
-copyFileSync(resolve(__dirname, "../", "../", "openapi.yaml"), resolve(__dirname, "public", "openapi.yaml"));
 
 module.exports = config({
   title: name,
@@ -127,6 +126,13 @@ module.exports = config({
       blue: "#2196f3"
     },
   },
+  configureWebpack: {
+    module: {
+      rules: [
+        { test: /\.ya?ml$/, use: 'yaml-loader', type: 'json' }
+      ]
+    }
+  },
   plugins: [
     [
       "vuepress-plugin-typedoc",

package.json

@@ -248,7 +248,8 @@
     "typescript": "^4.0.3",
     "vuepress": "^1.7.1",
     "vuepress-plugin-typedoc": "^0.1.1",
-    "vuepress-theme-hope": "^1.1.0"
+    "vuepress-theme-hope": "^1.1.0",
+    "yaml-loader": "^0.6.0"
   },
   "config": {
     "commitizen": {