Values in vue templates don't trigger auto-import

If looking at the template itself isn’t a good idea, perhaps some dev-facing comment directives or config options to set more limited matching for specific use cases could be helpful.

To give an example. I can do the following, but I have to add the variable names to something in the script block for it to work, which kind of defeats the purpose.

AutoImport({
	imports: [
		'vue',
                {
                	'@mdi/js': Object.keys(await import('@mdi/js')).filter(v=>v.startsWith('mdi')),
                }
	],
}),

<script setup lang="ts">
// Ideally I wouldn't end up with having to write out import statements with 12+ different variables
// but to get them to auto-import, I've got to do something like this:
const i = {mdiInformationOutline}

// And I can't just do `import * as i from '@mdi/js'` because then it doesn't get tree shook, and I end up with 2MB+ file
</script>
<template>
  <main class="px-4 py-10 text-center text-teal-700 dark:text-gray-200">
    <div>
      <p class="text-4xl">
        <v-icon :icon="i.mdiInformationOutline" class="inline-block" />
      </p>
    </div>
    <router-view />
  </main>
</template>

[antfu]

Shipped in v0.8.0

[websitevirtuoso]

Thanks.