(NUXT)如何在甜蜜警报2中添加组件

$ npm install -g create-nuxt-app

$ npx create-nuxt-app my-app

$ cd my-app

<template>
  <div>
    <h1>Hello, World!</h1>
    <p>This is my custom component.</p>
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  // ...其他组件逻辑代码
}
</script>

<style scoped>
/* 可选的组件样式 */
</style>

<template>
  <div>
    <h1>Welcome to Sweet Alert 2</h1>
    <MyComponent /> <!-- 在此处引入并使用自定义组件 -->
  </div>
</template>

<script>
import MyComponent from '@/pages/MyComponent.vue';

export default {
  // ...页面逻辑代码
  components: {
    MyComponent, // 注册自定义组件
  },
}
</script>

<style scoped>
/* 可选的页面样式 */
</style>