[Vuejs]-How can i use dynamic component in Nuxt.js 3

refs: https://stackoverflow.com/a/73029625/17662593

<script setup>
const foo = resolveComponent('foo')
</script>

<template>
  <div>
    <component :is="foo" />
  </div>
</template>