# Vite專案安裝Sweetalert2
###### tags: plugin

sweetalert2官方文件：https://sweetalert2.github.io/#download

1. cd至你的vite專案，鍵入npm指令

npm install sweetalert2

2. 檢查你的package.json中的dependencies是否出現sweetalert的安裝版本。（以及你的node_modules中是否有sweetalert2的資料夾）

 "dependencies": {
    "axios": "^1.3.3",
    "bootstrap": "^5.2.3",
    "bootstrap-icons": "^1.9.1",
    "eslint-plugin-n": "^15.6.1",
    "eslint-plugin-promise": "^6.1.1",
    "pinia": "^2.0.31",
    "sweetalert2": "^11.7.2",
    "vue": "^3.2.45",
    "vue-axios": "^3.5.2",
    "vue-router": "^4.1.6"
  },

3. 至欲使用的個別Vue檔進行載入以下：

**原本嘗試在main.js載入，但eslint會偵測你沒有使用到Swal，即使你有在vue檔中寫出。

import Swal from 'sweetalert2'

// 測試
Swal.fire({
          position: 'center',
          icon: 'success',
          title: '註冊成功!',
          showConfirmButton: false,
          timer: 1800
        })