What is unplugin-auto-import?

unplugin-auto-import is a build tool plugin that automatically adds import statements to your JavaScript or TypeScript files so you do not have to write them by hand. In modern frontend development, you frequently need to import functions and utilities from libraries at the top of each file before you can use them. This plugin watches which functions you use and inserts the correct import lines automatically during the build process. The README illustrates this with a side-by-side comparison. In a Vue file, you would normally write a line importing the ref and computed functions from the Vue package before using them. With this plugin configured, you can skip that line and just use the functions directly. The plugin detects the usage and adds the import behind the scenes. It works across several popular JavaScript build tools: Vite, Webpack, Rspack, Rollup, Rolldown, and esbuild. There are also integration instructions for frameworks like Astro and Quasar. The plugin includes built-in presets for popular libraries including Vue, React, and Vue Router, so those are ready to use immediately. For other libraries, you configure which functions to auto-import by specifying them in the plugin's options. The plugin also generates a TypeScript type definition file so that editors understand the automatically imported functions without seeing any explicit import statement. It can additionally generate configuration files for ESLint or Biome so those linters do not flag the missing imports as errors. It is installed via npm as a development dependency and configured by adding it to the plugins list in the relevant build tool's config file. The README is thorough with configuration examples for each supported build tool.