Merge branch 'main' of https://github.com/earlAchromatic/11ty-vue-pra…

…gmatic-components into main

.eleventy.js

@@ -13,7 +13,6 @@ const componentRegistry = {
 
 module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy({ public: '/' });
-  eleventyConfig.addPassthroughCopy('components');
   eleventyConfig.addPassthroughCopy('node_modules');
 
   eleventyConfig.on(
@@ -30,23 +29,6 @@ module.exports = function (eleventyConfig) {
     }
   );
 
-  eleventyConfig.addPlugin(EleventyVitePlugin, {
-    tempFolderName: '.11ty-vite', // Default name of the temp folder
-
-    // Defaults are shown:
-    viteOptions: viteConfig,
-  });
-};
-
-function transformContent(content) {
-  let dom = new JSDOM(content);
-  let doc = dom.window.document;
-
-  tryComponents(doc);
-
-  return dom.serialize();
-}
-
 function tryComponents(doc) {
   for (const [key, value] of Object.entries(componentRegistry)) {
     let registeredComponent = key;

components/MyLeader.vue

@@ -0,0 +1,7 @@
+<template>
+  <nav>
+    <a href="/index">
+      <slot > </slot>
+    </a>
+  </nav>
+</template>

components/SlottedComp.vue

@@ -1,4 +1,4 @@
 <template>
-  <h2>Slot here</h2>
-  <slot>steady</slot>
+  <h2>Slot</h2>
+  <slot></slot>
 </template>

components/myFooter.vue

@@ -4,7 +4,7 @@
       <slot name="title"> </slot>
     </a>
     <b>
-      <slot name="option"> </slot>
+      <slot name="option"> sadf </slot>
     </b>
   </footer>
 </template>

components/myHeader.vue → components/myReader.vue

@@ -17,7 +17,7 @@ const AsyncComp = defineAsyncComponent({
     return new Promise((resolve) => {
       setTimeout(() => {
         resolve(import('./SlottedComp.vue'));
-      }, 2000);
+      }, 4000);
     });
   },
   loadingComponent: Loading,

page.html

@@ -1,10 +1,10 @@
 <myFooter>
   <template v-slot:title>
     <div>
-      <p>Some text here</p>
-      <h2>Some title here</h2>
+      <p>Some here</p>
+      <h2>Some here</h2>
     </div>
   </template>
 
-  <template v-slot:option>this is your option</template>
+  <template v-slot:option>this</template>
 </myFooter>

vueTx.js

@@ -7,8 +7,6 @@ eleventyConfig.addTransform(
 
     function tryComponents() {
       for (const [key, value] of Object.entries(componentRegistry)) {
-        let registeredComponent = key;
-        let registeredComponentPath = value;
         console.log(key);
         let comp = doc.querySelector(registeredComponent);
         console.log(comp);