fix: Add element-plus as dev dependency for Message and MessageBox integration

Author: KapilSachdev

package-lock.json

@@ -36,6 +36,7 @@
     "download-git-repo": "^3.0.2",
     "echarts": "^6.0.0",
     "echarts-stat": "^1.2.0",
+    "element-plus": "^2.11.4",
     "esbuild": "^0.8.34",
     "file-loader": "^6.2.0",
     "fs-extra": "^8.1.0",

package.json

@@ -442,6 +442,7 @@ import CodeMonaco from './CodeMonaco.vue';
 import FullCodePreview from './FullCodePreview.vue';
 import Preview from './Preview.vue';
 
+import { ElMessageBox } from 'element-plus';
 import { useI18n } from 'vue-i18n';
 import { getScriptURLs, URL_PARAMS } from '../common/config';
 import { formatCode, loadScriptsAsync } from '../common/helper';
@@ -668,7 +669,7 @@ function changeLang(lang) {
     if (!initialCode.value || shared.sourceCode === initialCode.value) {
       gotoURL({ lang });
     } else {
-      $confirm(t('editor.codeChangedConfirm'), '', {
+      ElMessageBox.confirm(t('editor.codeChangedConfirm'), '', {
         confirmButtonText: t('editor.confirmButtonText'),
         cancelButtonText: t('editor.cancelButtonText'),
         type: 'warning'