fix: escape mustache syntax in Vue templates for error messages and translations

Co-authored-by: Copilot <copilot@github.com>

Author: ivictbor

adminforth/commands/createApp/templates/.agents/skills/adminforth-custom-vue/SKILL.md.hbs

@@ -134,7 +134,7 @@ show: {
     />
 
     <p v-if="errorMessage" class="text-sm text-red-600">
-      {{ errorMessage }}
+      \{{ errorMessage }}
     </p>
 
     <p v-else-if="isEmpty" class="text-sm text-amber-600">
@@ -227,9 +227,9 @@ function syncState() {
 <template>
   <div class="flex items-center gap-2">
     <span>
-      {{ meta?.filler?.repeat(record.number_of_rooms || 0) }}
+      \{{ meta?.filler?.repeat(record.number_of_rooms || 0) }}
     </span>
-    <span>{{ record.number_of_rooms }} {{ meta?.suffix }}</span>
+    <span>\{{ record.number_of_rooms }} \{{ meta?.suffix }}</span>
   </div>
 </template>
 

adminforth/commands/createApp/utils.js

@@ -354,11 +354,11 @@ async function writeTemplateFiles(dirname, cwd, useNpm, options) {
       dest: '.agents/skills/adminforth-hooks/SKILL.md',
       data: {},
     },
-    // {
-    //   src: '.agents/skills/adminforth-custom-vue/SKILL.md.hbs',
-    //   dest: '.agents/skills/adminforth-custom-vue/SKILL.md',
-    //   data: {},
-    // },
+    {
+      src: '.agents/skills/adminforth-custom-vue/SKILL.md.hbs',
+      dest: '.agents/skills/adminforth-custom-vue/SKILL.md',
+      data: {},
+    },
     {
       // We'll write .env using the same content as .env.sample
       src: '.env.local.hbs',

adminforth/commands/createCustomComponent/templates/customCrud/bottom.vue.hbs

@@ -5,7 +5,7 @@
       @click="handleClick"
       class="text-white bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-500 dark:hover:bg-blue-600 dark:focus:ring-blue-800"
     >
-      {{ $t('Example') }}
+      \{{ $t('Example') }}
     </button>
   </div>
 </template>