Al usar la función de importación automática de nuxt3 :
# para importar algo en lugar de no importar nada?Ejemplo:
// plugins/vuetify.ts
import { createVuetify, VuetifyOptions } from "vuetify";
import { defineNuxtPlugin, NuxtApp, Plugin } from "#app"; // this line should be optional
export const VuetifyPlugin: Plugin = defineNuxtPlugin((nuxtApp: NuxtApp) => {
const vuetify = createVuetify();
nuxtApp.vueApp.use(vuetify);
});
export default VuetifyPlugin;
No estaba al tanto de la importación # , ¿tiene una referencia para esa específica?
Como habrás adivinado, no hay beneficios directos de hacer las importaciones tú mismo. De la misma manera que Nuxt hace el trabajo por usted con respecto a la ref, computed, watch etc., intentará importar la mayoría de las otras cosas comunes.
El compilador escaneará su archivo, verá lo que está usando en su plantilla + parte del script y hará la importación él mismo en tiempo de ejecución. Es posible que no adivine importaciones completamente dinámicas (por lo general, para componentes basados en una variable dinámica, por ejemplo).
Aún así, debería funcionar exactamente de la misma manera en cuanto al rendimiento.
Para los tipos, sé que podría haber algunas limitaciones (no una cobertura completa), pero como no uso TS, no estoy al tanto de todos los detalles.
Con respecto a los IDE/editores de código, la mayoría de las veces funcionarán bien, pero algunos de ellos pueden requerir un poco de configuración para que funcionen perfectamente (dado que está implícito, aún debe decirle a su editor lo que está sucediendo), de lo contrario, algunos Linters pueden quejarse de un un poco.
La función de importación automática de Nuxt probablemente se base en algo realmente similar (si no idéntico) a esto: https://github.com/antfu/unplugin-auto-import
Por lo tanto, puede ver en detalle cómo funciona este para obtener más explicaciones.