@edgedev/create-edge-site 1.0.3 → 1.0.4

package/components/Input.vue

@@ -37,7 +37,7 @@ defineOptions({ inheritAttrs: false })
     <input
       v-else
       v-bind="{ ...field, ...$attrs }"
-    >
+    />
   </Field>
   <ErrorMessage :class="props.errorClass" :name="props.name" />
 </template>

package/components/Textarea.vue

@@ -23,7 +23,7 @@ const props = defineProps({
   <Field v-slot="{ field }" :name="props.name">
     <textarea
       v-bind="{ ...field, ...$attrs }"
-    />
+    ></textarea>
   </Field>
   <ErrorMessage :class="props.errorClass" :name="props.name" />
 </template>

package/components/edgeFooter.vue

@@ -7,19 +7,19 @@
           href="#"
           class="flex items-center justify-center w-12 h-12 transition rounded-full bg-lblue text-dblue hover:bg-opacity-80"
         >
-          <i class="fab fa-facebook-f fa-lg" />
+          <i class="fab fa-facebook-f fa-lg"></i>
         </a>
         <a
           href="#"
           class="flex items-center justify-center w-12 h-12 transition rounded-full bg-lblue text-dblue hover:bg-opacity-80"
         >
-          <i class="fab fa-instagram fa-lg" />
+          <i class="fab fa-instagram fa-lg"></i>
         </a>
         <a
           href="#"
           class="flex items-center justify-center w-12 h-12 transition rounded-full bg-lblue text-dblue hover:bg-opacity-80"
         >
-          <i class="fab fa-houzz fa-lg" /> <!-- Houzz or custom icon -->
+          <i class="fab fa-houzz fa-lg"></i> <!-- Houzz or custom icon -->
         </a>
       </div>
 
@@ -42,7 +42,7 @@
 
       <!-- Logo -->
       <div class="flex justify-center">
-        <img src="/images/logo.png" alt="JDL Construction Logo" class="h-auto opacity-75 w-46">
+        <img src="/images/logo.png" alt="JDL Construction Logo" class="h-auto opacity-75 w-46" />
       </div>
     </div>
   </footer>

package/components/edgeFormFling.vue

@@ -111,7 +111,7 @@ const onSubmit = async (values, { resetForm }) => {
     :validation-schema="props.validationSchema"
     @submit="onSubmit"
   >
-    <slot :submitting="state.submitting" :submit-response="state.submitResponse" />
+    <slot :submitting="state.submitting" :submit-response="state.submitResponse"></slot>
     <VueTurnstile
       v-if="props.turnstileSiteSecret"
       v-model="state.turnstileToken"

package/components/edgeNavbar.vue

@@ -43,7 +43,7 @@ onUnmounted(() => {
       <div class="container mx-auto flex items-center justify-between h-[128px]">
         <!-- Logo -->
         <NuxtLink to="/" class="text-xl font-bold">
-          <img src="/images/logo.png" alt="JDL Construction MT" class="w-full h-auto">
+          <img src="/images/logo.png" alt="JDL Construction MT" class="w-full h-auto" />
         </NuxtLink>
 
         <!-- Mobile Menu Button -->
@@ -81,18 +81,18 @@ onUnmounted(() => {
         </button>
 
         <!-- Mobile Logo -->
-        <a href="/"><img src="/images/logo.png" alt="JDL Construction Logo" class="mb-4 w-50"></a>
+        <a href="/"><img src="/images/logo.png" alt="JDL Construction Logo" class="mb-4 w-50" /></a>
 
         <!-- Social Media Icons -->
         <div class="flex justify-center my-6 space-x-4">
           <a href="#" class="flex items-center justify-center w-12 h-12 transition rounded-full bg-lblue text-dblue hover:bg-opacity-80">
-            <i class="fab fa-facebook-f fa-lg" />
+            <i class="fab fa-facebook-f fa-lg"></i>
           </a>
           <a href="#" class="flex items-center justify-center w-12 h-12 transition rounded-full bg-lblue text-dblue hover:bg-opacity-80">
-            <i class="fab fa-instagram fa-lg" />
+            <i class="fab fa-instagram fa-lg"></i>
           </a>
           <a href="#" class="flex items-center justify-center w-12 h-12 transition rounded-full bg-lblue text-dblue hover:bg-opacity-80">
-            <i class="fab fa-houzz fa-lg" /> <!-- Houzz or custom icon -->
+            <i class="fab fa-houzz fa-lg"></i> <!-- Houzz or custom icon -->
           </a>
         </div>
 

package/components/titleSection.vue

@@ -48,7 +48,7 @@ onMounted(() => {
     </div>
 
     <!-- Gradient Background (top Half) -->
-    <div class="absolute z-10 top-0 left-0 w-full h-[128px] bg-gradient-to-b from-dblue to-transparent" />
+    <div class="absolute z-10 top-0 left-0 w-full h-[128px] bg-gradient-to-b from-dblue to-transparent"></div>
 
     <!-- Design Accent Image -->
     <img
@@ -56,8 +56,8 @@ onMounted(() => {
       src="/images/hero/titleShape.png"
       alt="Decorative Accent"
       class="absolute bottom-0 right-0 z-0 object-cover"
-    >
+    />
     <!-- Diagonal Gradient Overlay -->
-    <div class="absolute inset-0 z-0 bg-reversed-angled-gradient" />
+    <div class="absolute inset-0 z-0 bg-reversed-angled-gradient"></div>
   </section>
 </template>

package/eslint.config.mjs

@@ -9,6 +9,16 @@ export default [
       'no-console': 'off',
       'antfu/top-level-function': 'off',
       'style/eol-last': 'off',
+      // ✅ Enforce correct self-closing behavior in Vue templates
+      'vue/html-self-closing': ['error', {
+        html: {
+          void: 'always', // <img />, <br />, <input />, etc.
+          normal: 'never', // <div></div>, <span></span>, etc.
+          component: 'always', // <MyComponent />
+        },
+        svg: 'always',
+        math: 'always',
+      }],
     },
   },
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgedev/create-edge-site",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Create Edge Starter Site",
   "bin": {
     "create-edge-site": "./bin/cli.js"