influence/plugins/toast.js

import Vue3Toastify, { toast }  from 'vue3-toastify'    // toast
import 'vue3-toastify/dist/index.css'                   // toast css
const customOption = {
  closeButton: true,                       // 토스트 종료 버튼 표현 X
  hideProgressBar: true,                    // 하단 프로그래스바 숨기기
  dangerouslyHTMLString: true,              // html string 사용 가능
  position: toast.POSITION.BOTTOM_CENTER,   // 하단 우측에서 표현
  autoClose: 3000,                          // 토스트 3초동안 유지
  clearOnUrlChange: false,
  pauseOnFocusLoss : false,                 // 화면 focus 잃었을 때 토스트 유지x
  pauseOnHover : false                      // 토스트 마우스 hover시 토스트 유지x
}
export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(Vue3Toastify, customOption);
  return {
    provide: {
      toast
    }
  }
})