Nuxt 3写一个组件，组件内template 是自定义的，怎么写

在 Nuxt 3 中写组件，可以按照 Vue 组件的写法来写。具体步骤如下：

1. 在你的 Nuxt 3 项目中，找到 `components` 目录，如果不存在则手动创建。

2. 在 `components` 目录中创建一个新的 `.vue` 文件，文件名就是你的组件名。

3. 在新建的 `.vue` 文件中，编写组件的模板、样式和逻辑代码。例如：

<template>
  <div>
    <h1>这是一个自定义的标题</h1>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: '这是一个自定义的消息'
    }
  }
}
</script>

<style scoped>
h1 {
  color: red;
}
</style>

4. 在需要使用该组件的页面或者组件中，引入并注册该组件。例如：

<template>
  <div>
    <my-component></my-component>
  </div>
</template>

<script>
import MyComponent from '~/components/MyComponent.vue'

export default {
  components: {
    MyComponent
  }
}
</script>

通过以上步骤，你就可以完成一个自定义的组件，并在 Nuxt 3 中使用它了。