问如何在vue/nuxt中继承外部UI组件？

EN

<template>
  <v-dialog v-model="isShowDialog" persistent>
    <v-card>
      <v-card-title> My Base Dialog </v-card-title>

      <!-- inherited UI logic goes here -->

      <v-card-actions>
        <v-btn @click="closeDialog"> Close </v-btn>
      </v-card-actions>
    </v-card>
  </v-dialog>
</template>

<script>
export default {
  data() {
    return {
      isShowDialog: true,
    }
  },
  methods: {
    closeDialog() {
      this.isShowDialog = false
    },
  }
}
</script>

<MyDialog>
    <div>
        <span>This is an image</span>
        <img src="...">
    </div>
</MyDialog>