feat: add linting via eslint, add typecheck via nuxt typecheck and vue-tsc, add vscode config to support eslint + typechecking

Author: BracketJohn

.gitignore

@@ -7,4 +7,4 @@ docs/
 .DS_Store
 
 # default output of cli
-my-sidebase-app
+my-sidebase-*

src/index.ts

@@ -34,7 +34,7 @@ const main = async () => {
   }
 
   // 1. Download the Nuxt 3 template
-  const template = await wrapInSpinner(`Adding Nuxt 3 ${preferences.setStack} template`, downloadTemplate, preferences)
+  const template = await wrapInSpinner(`Adding Nuxt 3 ${preferences.setStack}-template`, downloadTemplate, preferences)
 
   // 2. Add modules
   if (preferences.setStack === "merino") {

src/prompts.ts

@@ -5,12 +5,15 @@ import { getUserPkgManager } from "./utils/getUserPkgManager"
 
 const skipIfCheviotWasChosen = (typeIfNotMerino: PromptType) => (_: unknown, preferences: Record<string, string>) => preferences.setStack === "cheviot" ? null : typeIfNotMerino
 
+const PROJECT_NAME_NOUNS = ["app", "project", "endeavour", "undertaking", "enterprise", "venture", "experiment", "effort", "operation", "affair", "pursuit", "struggle", "adventure", "thing"]
+const getRandomProjectNoun = () => PROJECT_NAME_NOUNS[Math.floor((Math.random() * PROJECT_NAME_NOUNS.length))]
+
 const PROMPT_QUESTIONS: PromptObject[] = [
   {
     type: "text",
     name: "setProjectName",
     message: "What will your project be called?",
-    initial: "my-sidebase-app"
+    initial: `my-sidebase-${getRandomProjectNoun()}`
   },
   {
     type: "select",

src/steps/1.downloadTemplate.ts

@@ -6,7 +6,7 @@ import { writeFile } from "node:fs/promises"
 import { say } from "../messages"
 
 const KNOWN_TEMPLATES = {
-  "merino": "v3",
+  "merino": "github:sidebase/merino#v3",
   "cheviot": "community/sidebase"
 }
 

src/steps/2.addModules/moduleConfigs.ts

@@ -213,7 +213,7 @@ const hello = await $client.hello.useQuery({ text: 'client' })
 <template>
   <div>
     <!-- As \`superjson\` is already pre-configured, we can use \`time\` as a \`Date\` object without further deserialization 🎉 -->
-    <p>tRPC Data: {{ hello.data.value?.greeting }} send at {{ hello.data.value?.time.toLocaleDateString() }}</p>
+    <p>tRPC Data: "{{ hello.data.value?.greeting }}" send at "{{ hello.data.value?.time.toLocaleDateString() }}".</p>
   </div>
 </template>
 `