Vue3 automatically introduces ref onMounted

Desired result

• Each page or component does not need to introduce each time when using functions such as ref onMounted

install plugin

npm i unplugin-auto-import

use

import {
    
     defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'

import AutoImport from 'unplugin-auto-import/vite'

const pathResolve = (pathStr) => {
    
    
  return path.resolve(__dirname, pathStr)
}

// https://vitejs.dev/config/
export default defineConfig({
    
    
  plugins: [
    vue(),
    AutoImport({
    
    
      imports: [
          'vue',
          'vue-router',
      ]
    })

Finish