Unable to Achieve Desired Library Auto-import Syntax in nuxt.config.ts

// I tried the following approaches, 
// intending to achive the following library 
// auto-import in SFCs

// import { * as yup } from 'yup',

// First non-wworking attempt:
❌ imports: {
  presets: [
    {
      from: 'yup',
      imports: [
        ['*', 'yup'] // import * as Yup from 'yup'
      ],
    },
  ],
  },

// Second non-wworking attempt:
❌ imports: {
  imports: [
    {
      yup: [
        ['*', 'yup'], // import * as Yup from 'yup'
      ],
    },
  ],
  },

// I tried the following approaches, 
// intending to achive the following library 
// auto-import in SFCs

// import { * as yup } from 'yup',

// First non-wworking attempt:
❌ imports: {
  presets: [
    {
      from: 'yup',
      imports: [
        ['*', 'yup'] // import * as Yup from 'yup'
      ],
    },
  ],
  },

// Second non-wworking attempt:
❌ imports: {
  imports: [
    {
      yup: [
        ['*', 'yup'], // import * as Yup from 'yup'
      ],
    },
  ],
  },

<script setup lang="ts">
// Desired result:
import { * as yup } from 'yup',
</script>

<script setup lang="ts">
// Desired result:
import { * as yup } from 'yup',
</script>