fix swagger ui error & package

package.json

@@ -33,7 +33,7 @@
     "quasar": "^2.11.1",
     "socket.io-client": "^4.7.4",
     "structure-chart": "^0.0.9",
-    "swagger-ui": "^5.27.1",
+    "swagger-ui-dist": "^5.27.1",
     "v-code-diff": "^1.12.0",
     "vue": "^3.4.15",
     "vue-currency-input": "^3.0.5",
@@ -45,7 +45,7 @@
     "@rushstack/eslint-patch": "^1.1.4",
     "@types/jsdom": "^20.0.1",
     "@types/node": "^18.11.12",
-    "@types/swagger-ui": "^5.21.1",
+    "@types/swagger-ui-dist": "^3.30.6",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vitejs/plugin-vue-jsx": "^3.0.0",
     "@vue/eslint-config-prettier": "^7.0.0",
@@ -57,7 +57,6 @@
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-vue": "^9.3.0",
     "jsdom": "^20.0.3",
-    "node-sass": "^9.0.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.7.1",
     "quasar-ui-q-draggable-table": "^1.0.1",

src/modules/06_webservices/components/SwaggerViewer.vue

@@ -4,12 +4,18 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
-import SwaggerUI from "swagger-ui";
-import "swagger-ui/dist/swagger-ui.css";
+import SwaggerUI from "swagger-ui-dist/swagger-ui-es-bundle.js";
+import "swagger-ui-dist/swagger-ui.css";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+// บอก TypeScript ว่า swagger-ui มี preset
+// (เพราะ type definition ใน swagger-ui-dist ไม่มีให้ครบ)
+interface SwaggerUIBundle {
+  presets: any;
+  [key: string]: any;
+}
 // URL ของ Swagger JSON API ของคุณตรงนี้
 // const swaggerUrl: string = "https://petstore.swagger.io/v2/swagger.json";
 const swaggerJson = ref();