Review

.eleventy.js

@@ -3,7 +3,7 @@ const viteConfig = require('./vite.config.js');
 const jsdom = require('jsdom');
 const { JSDOM } = jsdom;
 const util = require('util');
-const { default: vuePlugin } = require('@vitejs/plugin-vue');
+
 const fs = require('fs');
 
 const componentRegistry = {
@@ -32,10 +32,14 @@ module.exports = function (eleventyConfig) {
 
   eleventyConfig.addPlugin(EleventyVitePlugin, {
     tempFolderName: '.11ty-vite', // Default name of the temp folder
-
-    // Defaults are shown:
     viteOptions: viteConfig,
   });
+
+  return {
+    dir: {
+      input: 'src',
+    },
+  };
 };
 
 function transformContent(content) {
@@ -53,13 +57,18 @@ function tryComponents(doc) {
     let registeredComponentPath = value;
     console.log(`${registeredComponent} at ${registeredComponentPath}`);
     let comp = doc.querySelector(registeredComponent);
-
     if (!comp) {
       continue;
     }
 
     let childTemplate = comp.innerHTML;
 
+    let componentString = '';
+
+    let tempComponentReg = [];
+
+    //check comp recursively against component registry
+
     //let props = Object.values(comp.attributes);
 
     let VueWrapper = `

README.md

@@ -1,4 +1,4 @@
-# Pragmatic Vue Components 🔌
+# Pragmatic Vue Components 
 
 ## Use Vue Components to author HTML/nunjucks/liquid layouts in 11ty SSG