From 44273599f882edfc4258031987dc542ab62e8c0c Mon Sep 17 00:00:00 2001
From: Jacob Milhorn <68669571+earlAchromatic@users.noreply.github.com>
Date: Fri, 29 Nov 2024 12:48:04 -0500
Subject: [PATCH 1/8] Update README.md

---
 README.md | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/README.md b/README.md
index 1512fc9..04ec57f 100644
--- a/README.md
+++ b/README.md
@@ -4,20 +4,12 @@
 
 I have wanted to use Vue components directly in my markup for a while. This is easily done by exporting Vue Components as Native Web Components (.ce.vue) but then you deal with other issues... some of these are dealt with in lit's 11ty plugin setup..
 
-I like the idea of just writing the components in and having an 11ty plugin add the vue scripts as necessary. Some of these can get prerendered and not hydrated, some can get hydrated and you can just use async components and determine rules for when the component is fetched.
-
 Now, we have a fully capable partial hydration setup and Fully functional vue components in SFC format that I can simply write as if they were HTML while I am composing layouts and pages.
 
 The best part is, I can use slotting to write embedded markup inside components. I can even use other components inside my components just by adding the Vue elements.
 
 ---
 
-Cons:
-
-its a vue only solution
-ships with vue runtime compiler
-have to register components manually (how can I automate this)
-
 Pros:
 
 its a vue only solution
@@ -38,7 +30,6 @@ no custom elements required
 ## Feature list to build
 
 - props seeker via attr
-- 11ty data props builder/helper functions (see nunjucks loops to build data object in jacobmilhorn.com proj)
 - multiple component loop (for the .componetn() func)
 - recursive component recognition in child template (see above item, they are the same thing)
 - automatic component registration based on whats in the `components` folder

From 9f5c594f46af6b4bc7fd6101cf046849e6884027 Mon Sep 17 00:00:00 2001
From: Jacob Milhorn <68669571+earlAchromatic@users.noreply.github.com>
Date: Fri, 29 Nov 2024 12:48:36 -0500
Subject: [PATCH 2/8] Update .eleventy.js

---
 .eleventy.js | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/.eleventy.js b/.eleventy.js
index 88930cb..f3ff336 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -18,8 +18,6 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.on(
     'eleventy.after',
     async ({ dir, results, runMode, outputMode }) => {
-      // Read more below
-      console.log(results[0].content);
       results.forEach((result) => {
         if (result.content) {
           console.log(`writing to ${result.outputPath}`);
@@ -33,17 +31,11 @@ function tryComponents(doc) {
   for (const [key, value] of Object.entries(componentRegistry)) {
     let registeredComponent = key;
     let registeredComponentPath = value;
-    console.log(`${registeredComponent} at ${registeredComponentPath}`);
     let comp = doc.querySelector(registeredComponent);
 
-    if (!comp) {
-      continue;
-    }
+    if (!comp) continue;
 
     let childTemplate = comp.innerHTML;
-
-    //let props = Object.values(comp.attributes);
-
     let VueWrapper = `
 <div id="${registeredComponent}"></div>
 <script type=module>

From 968a5b931b7890afe18cbf8dcc0c86fd30b5dde1 Mon Sep 17 00:00:00 2001
From: Jacob Milhorn <68669571+earlAchromatic@users.noreply.github.com>
Date: Fri, 29 Nov 2024 12:50:56 -0500
Subject: [PATCH 3/8] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index c39e4c2..4ad0b08 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<myHeader :prop="jacob"><a href="/page">Page</a> </myHeader>
+<myHeader :prop="marczewski"><a href="/page">PAGE</a></myHeader>

From 52c9c6e1f3e468a3e5a6985c350bf3648991fb1a Mon Sep 17 00:00:00 2001
From: Jacob Milhorn <68669571+earlAchromatic@users.noreply.github.com>
Date: Thu, 5 Dec 2024 12:27:11 -0500
Subject: [PATCH 4/8] Update .esmrc.json

---
 .esmrc.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.esmrc.json b/.esmrc.json
index 376c0bc..af92516 100644
--- a/.esmrc.json
+++ b/.esmrc.json
@@ -1,5 +1,5 @@
 {
   "cjs": {
-    "dedefault": true
+    "dedefault": false
   }
 }

From 97fdd13ad2d0f36068ea4bf15ce0100d5dddc62b Mon Sep 17 00:00:00 2001
From: Jacob Milhorn <68669571+earlAchromatic@users.noreply.github.com>
Date: Thu, 5 Dec 2024 15:05:33 -0500
Subject: [PATCH 5/8] Update .eleventy.js

---
 .eleventy.js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/.eleventy.js b/.eleventy.js
index f3ff336..33f0f37 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -13,14 +13,12 @@ const componentRegistry = {
 
 module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy({ public: '/' });
-  eleventyConfig.addPassthroughCopy('node_modules');
 
   eleventyConfig.on(
     'eleventy.after',
     async ({ dir, results, runMode, outputMode }) => {
       results.forEach((result) => {
         if (result.content) {
-          console.log(`writing to ${result.outputPath}`);
           fs.writeFileSync(result.outputPath, transformContent(result.content));
         }
       });
@@ -40,7 +38,6 @@ function tryComponents(doc) {
 <div id="${registeredComponent}"></div>
 <script type=module>
 import {createApp} from "../node_modules/vue/dist/vue.esm-bundler.js";
-import ${registeredComponent} from "${registeredComponentPath}";
 
 createApp({
   data(){
@@ -56,7 +53,5 @@ createApp({
 `;
     let el = doc.createElement('div');
     el.setAttribute('injectionPoint', true);
-    el.innerHTML = VueWrapper;
-    comp.replaceWith(el);
   }
 }

From 62b94fd6eb3ae5c35782be2a4e44f56892503a72 Mon Sep 17 00:00:00 2001
From: Jacob Milhorn <68669571+earlAchromatic@users.noreply.github.com>
Date: Fri, 20 Dec 2024 18:19:01 -0500
Subject: [PATCH 6/8] Update .eleventy.js

---
 .eleventy.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/.eleventy.js b/.eleventy.js
index 33f0f37..62cad9d 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -3,7 +3,6 @@ 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 = {

From 0b11cca9c36e43790c87288488d01cad10a82389 Mon Sep 17 00:00:00 2001
From: Jacob Milhorn <68669571+earlAchromatic@users.noreply.github.com>
Date: Fri, 20 Dec 2024 18:19:24 -0500
Subject: [PATCH 7/8] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 4ad0b08..c6c7501 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<myHeader :prop="marczewski"><a href="/page">PAGE</a></myHeader>
+<myHeader :prop="marczewski"><a href="/page">STAGE</a></myHeader>

From 57336dae5b55b60e3d039dca96434ae49d296a61 Mon Sep 17 00:00:00 2001
From: Jacob Milhorn <68669571+earlAchromatic@users.noreply.github.com>
Date: Fri, 20 Dec 2024 18:19:45 -0500
Subject: [PATCH 8/8] Update vueTx.js

---
 vueTx.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/vueTx.js b/vueTx.js
index 4d9898c..7fcbdf7 100644
--- a/vueTx.js
+++ b/vueTx.js
@@ -3,13 +3,10 @@ eleventyConfig.addTransform(
   function (content, outputPath) {
     let dom = new JSDOM(content);
     let doc = dom.window.document;
-    //replace Header with
 
     function tryComponents() {
       for (const [key, value] of Object.entries(componentRegistry)) {
-        console.log(key);
         let comp = doc.querySelector(registeredComponent);
-        console.log(comp);
         if (!comp) {
           return;
         }