Dynamic Imports | Nuxt | Page 1

I am converting my company's Nuxt 2 app to Nuxt 3. Seems Dynamic Imports have changed. I am dynamically importing a component based on the route params during mounting phase of the component. looks something like this.

<script setup>
const { $route } = useNuxtApp()

const DynamicComponent = ref(null)

onMounted(() => {
  CreateAccountForm.value = () =>
    import(`~/components/${$route.params.id}/index.vue`)
})
</script>

<template>
  <div>
    <DynamicComponent />
  </div>
</template>

What is the new way in Nuxt 3 of Dynamically Importing components?

#Dynamic Imports