feat(add): add and restructure templates

src/utils/templates/api.ts

@@ -0,0 +1,25 @@
+import { applySuffix } from '.'
+import type { Template } from '.'
+
+const httpMethods = [
+  'connect',
+  'delete',
+  'get',
+  'head',
+  'options',
+  'post',
+  'put',
+  'trace',
+  'patch',
+]
+
+const api: Template = ({ name, args }) => ({
+  path: `server/api/${name}${applySuffix(args, httpMethods, 'method')}.ts`,
+  contents: `
+export default defineEventHandler((event) => {
+  return 'Hello ${name}'
+})
+`,
+})
+
+export { api }

src/utils/templates/app.ts

@@ -0,0 +1,32 @@
+import type { Template } from '.'
+
+const app: Template = ({ args }) => ({
+  path: `error.vue`,
+  contents: args['pages']
+    ? `
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <NuxtLayout>
+      <NuxtPage/>
+    </NuxtLayout>
+  </div>
+</template>
+
+<style scoped></style>
+`
+    : `
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <h1>Hello World!</h1>
+  </div>
+</template>
+
+<style scoped></style>
+`,
+})
+
+export { app }

src/utils/templates/component.ts

@@ -0,0 +1,23 @@
+import type { Template } from '.'
+import { applySuffix } from '.'
+
+const component: Template = ({ name, args }) => ({
+  path: `components/${name}${applySuffix(
+    args,
+    ['client', 'server'],
+    'mode',
+  )}.vue`,
+  contents: `
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    Component: ${name}
+  </div>
+</template>
+
+<style scoped></style>
+`,
+})
+
+export { component }

src/utils/templates/composable.ts

@@ -0,0 +1,18 @@
+import { upperFirst } from 'scule'
+import type { Template } from '.'
+
+const composable: Template = ({ name }) => {
+  const nameWithUsePrefix = name.startsWith('use')
+    ? name
+    : `use${upperFirst(name)}`
+  return {
+    path: `composables/${name}.ts`,
+    contents: `
+export const ${nameWithUsePrefix} = () => {
+  return ref()
+}
+  `,
+  }
+}
+
+export { composable }

src/utils/templates/error.ts

@@ -0,0 +1,25 @@
+import type { Template } from '.'
+
+const error: Template = () => ({
+  path: `error.vue`,
+  contents: `
+<script setup lang="ts">
+import type { NuxtError } from '#app'
+
+const props = defineProps({
+  error: Object as () => NuxtError
+})
+</script>
+
+<template>
+  <div>
+    <h1>{{ error.statusCode }}</h1>
+    <NuxtLink to="/">Go back home</NuxtLink>
+  </div>
+</template>
+
+<style scoped></style>
+`,
+})
+
+export { error }

src/utils/templates/index.ts

@@ -0,0 +1,56 @@
+import { api } from './api'
+import { app } from './app'
+import { component } from './component'
+import { composable } from './composable'
+import { error } from './error'
+import { layout } from './layout'
+import { middleware } from './middleware'
+import { page } from './page'
+import { plugin } from './plugin'
+import { serverMiddleware } from './server-middleware'
+
+const templates: Record<string, Template> = {
+  api,
+  app,
+  component,
+  composable,
+  error,
+  layout,
+  middleware,
+  page,
+  plugin,
+  'server-middleware': serverMiddleware,
+}
+
+function applySuffix(
+  args: TemplateOptions['args'],
+  suffixes: string[],
+  unwrapFrom?: string,
+): string {
+  let suffix = ''
+
+  // --client
+  for (const s of suffixes) {
+    if (args[s]) {
+      suffix += '.' + s
+    }
+  }
+
+  // --mode=server
+  if (unwrapFrom && args[unwrapFrom] && suffixes.includes(args[unwrapFrom])) {
+    suffix += '.' + args[unwrapFrom]
+  }
+
+  return suffix
+}
+
+type TemplateOptions = {
+  name: string
+  args: Record<string, any>
+}
+
+type Template = {
+  (options: TemplateOptions): { path: string; contents: string }
+}
+
+export { templates, applySuffix, TemplateOptions, Template }

src/utils/templates/layout.ts

@@ -0,0 +1,19 @@
+import type { Template } from '.'
+
+const layout: Template = ({ name }) => ({
+  path: `layouts/${name}.vue`,
+  contents: `
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    Layout: ${name}
+    <slot />
+  </div>
+</template>
+
+<style scoped></style>
+`,
+})
+
+export { layout }

src/utils/templates/middleware.ts

@@ -0,0 +1,11 @@
+import type { Template } from '.'
+import { applySuffix } from '.'
+
+const middleware: Template = ({ name, args }) => ({
+  path: `middleware/${name}${applySuffix(args, ['global'])}.ts`,
+  contents: `
+export default defineNuxtRouteMiddleware((to, from) => {})
+`,
+})
+
+export { middleware }

src/utils/templates/page.ts

@@ -0,0 +1,18 @@
+import type { Template } from '.'
+
+const page: Template = ({ name }) => ({
+  path: `pages/${name}.vue`,
+  contents: `
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    Page: ${name}
+  </div>
+</template>
+
+<style scoped></style>
+`,
+})
+
+export { page }

src/utils/templates/plugin.ts

@@ -0,0 +1,11 @@
+import type { Template } from '.'
+import { applySuffix } from '.'
+
+const plugin: Template = ({ name, args }) => ({
+  path: `plugins/${name}${applySuffix(args, ['client', 'server'], 'mode')}.ts`,
+  contents: `
+export default defineNuxtPlugin((nuxtApp) => {})
+  `,
+})
+
+export { plugin }

src/utils/templates/server-middleware.ts

@@ -0,0 +1,10 @@
+import type { Template } from '.'
+
+const serverMiddleware: Template = ({ name }) => ({
+  path: `server/middleware/${name}.ts`,
+  contents: `
+export default defineEventHandler((event) => {})
+`,
+})
+
+export { serverMiddleware }