Website Structure

Frontend-Learner/node_modules/nuxt/dist/app/components/test-component-wrapper.js

@@ -0,0 +1,27 @@
+import { defineComponent, h } from "vue";
+import { parseQuery } from "vue-router";
+import { resolve } from "pathe";
+import destr from "destr";
+import { devRootDir } from "#build/nuxt.config.mjs";
+export default (url) => defineComponent({
+  name: "NuxtTestComponentWrapper",
+  inheritAttrs: false,
+  async setup(props, { attrs }) {
+    const query = parseQuery(new URL(url, "http://localhost").search);
+    const urlProps = query.props ? destr(query.props) : {};
+    const path = resolve(query.path);
+    if (!path.startsWith(devRootDir)) {
+      throw new Error(`[nuxt] Cannot access path outside of project root directory: \`${path}\`.`);
+    }
+    const comp = await import(
+      /* @vite-ignore */
+      path
+    ).then((r) => r.default);
+    return () => [
+      h("div", "Component Test Wrapper for " + path),
+      h("div", { id: "nuxt-component-root" }, [
+        h(comp, { ...attrs, ...props, ...urlProps })
+      ])
+    ];
+  }
+});