fix: backend none templates (#241)

apps/cli/templates/frontend/nuxt/app/pages/index.vue.hbs

@@ -1,6 +1,8 @@
 <script setup lang="ts">
+{{#unless (eq api "none")}}
 const { $orpc } = useNuxtApp()
 import { useQuery } from '@tanstack/vue-query'
+{{/unless}}
 
 const TITLE_TEXT = `
  ██████╗ ███████╗████████╗████████╗███████╗██████╗
@@ -18,14 +20,16 @@ const TITLE_TEXT = `
     ╚═╝       ╚══════╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝
  `;
 
+{{#unless (eq api "none")}}
 const healthCheck = useQuery($orpc.healthCheck.queryOptions())
-
+{{/unless}}
 </script>
 
 <template>
   <div class="container mx-auto max-w-3xl px-4 py-2">
     <pre class="overflow-x-auto font-mono text-sm whitespace-pre-wrap">{{ TITLE_TEXT }}</pre>
     <div class="grid gap-6 mt-4">
+      {{#unless (eq api "none")}}
       <section class="rounded-lg border p-4">
         <h2 class="mb-2 font-medium">API Status</h2>
         <div class="flex items-center gap-2">
@@ -58,6 +62,7 @@ const healthCheck = useQuery($orpc.healthCheck.queryOptions())
             </div>
           </div>
       </section>
+      {{/unless}}
     </div>
   </div>
 </template>