diff --git a/website/client/components/Home/TryIt.vue b/website/client/components/Home/TryIt.vue
index 4835a2b02..82b6f5e08 100644
--- a/website/client/components/Home/TryIt.vue
+++ b/website/client/components/Home/TryIt.vue
@@ -8,14 +8,21 @@
             :class="{ active: mode === 'url' }"
             @click="setMode('url')"
           >
-            URL Input
+            <Link2 size="20" class="icon" />
+          </button>
+          <button
+            type="button"
+            :class="{ active: mode === 'folder' }"
+            @click="setMode('folder')"
+          >
+            <FolderOpen size="20" class="icon" />
           </button>
           <button
             type="button"
             :class="{ active: mode === 'file' }"
             @click="setMode('file')"
           >
-            File Upload
+            <FolderArchive size="20" class="icon" />
           </button>
         </div>
 
@@ -26,6 +33,12 @@
             :loading="loading"
             :show-button="false"
           />
+          <TryItFolderUpload
+            v-else-if="mode === 'folder'"
+            @upload="handleFileUpload"
+            :loading="loading"
+            :show-button="false"
+          />
           <TryItUrlInput
             v-else
             v-model:url="url"
@@ -68,12 +81,14 @@
 </template>
 
 <script setup lang="ts">
+import { FolderArchive, FolderOpen, Link2 } from 'lucide-vue-next';
 import { computed, ref } from 'vue';
 import type { PackResult } from '../api/client';
 import { handlePackRequest } from '../utils/requestHandlers';
 import { isValidRemoteValue } from '../utils/validation';
 import PackButton from './PackButton.vue';
 import TryItFileUpload from './TryItFileUpload.vue';
+import TryItFolderUpload from './TryItFolderUpload.vue';
 import TryItPackOptions from './TryItPackOptions.vue';
 import TryItResult from './TryItResult.vue';
 import TryItUrlInput from './TryItUrlInput.vue';
@@ -96,7 +111,7 @@ const loading = ref(false);
 const error = ref<string | null>(null);
 const result = ref<PackResult | null>(null);
 const hasExecuted = ref(false);
-const mode = ref<'url' | 'file'>('url');
+const mode = ref<'url' | 'file' | 'folder'>('url');
 const uploadedFile = ref<File | null>(null);
 
 // Compute if the current mode's input is valid for submission
@@ -105,6 +120,7 @@ const isSubmitValid = computed(() => {
     case 'url':
       return !!url.value && isValidRemoteValue(url.value.trim());
     case 'file':
+    case 'folder':
       return !!uploadedFile.value;
     default:
       return false;
@@ -112,7 +128,7 @@ const isSubmitValid = computed(() => {
 });
 
 // Explicitly set the mode and handle related state changes
-function setMode(newMode: 'url' | 'file') {
+function setMode(newMode: 'url' | 'file' | 'folder') {
   mode.value = newMode;
 }
 
@@ -163,7 +179,7 @@ async function handleSubmit() {
         error.value = errorMessage;
       },
       signal: requestController.signal,
-      file: mode.value === 'file' ? uploadedFile.value || undefined : undefined,
+      file: mode.value === 'file' || mode.value === 'folder' ? uploadedFile.value || undefined : undefined,
     },
   );
 
@@ -224,11 +240,24 @@ function handleFileUpload(file: File) {
   font-size: 16px;
   white-space: nowrap;
   transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.tab-container button:not(:first-child)::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 25%;
+  height: 50%;
+  width: 1px;
+  background-color: var(--vp-c-border);
 }
 
 .tab-container button:first-child {
   border-radius: 8px 0 0 8px;
-  border-right: none;
 }
 
 .tab-container button:last-child {
@@ -240,6 +269,22 @@ function handleFileUpload(file: File) {
   color: white;
 }
 
+.tab-container button.active::before {
+  display: none;
+}
+
+.tab-container button.active + button::before {
+  display: none;
+}
+
+.tab-container button .icon {
+  color: var(--vp-c-text-1);
+}
+
+.tab-container button.active .icon {
+  color: white;
+}
+
 .input-field {
   align-self: start;
 }
diff --git a/website/client/components/Home/TryItFileUpload.vue b/website/client/components/Home/TryItFileUpload.vue
index 224b053fb..d3b3b2914 100644
--- a/website/client/components/Home/TryItFileUpload.vue
+++ b/website/client/components/Home/TryItFileUpload.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AlertTriangle, Folder } from 'lucide-vue-next';
+import { AlertTriangle, FolderArchive } from 'lucide-vue-next';
 import { ref } from 'vue';
 import PackButton from './PackButton.vue';
 
@@ -72,7 +72,7 @@ function triggerFileInput() {
       <div class="upload-content">
         <div class="upload-icon">
           <AlertTriangle v-if="errorMessage" class="icon-error" size="20" />
-          <Folder v-else class="icon-folder" size="20" />
+          <FolderArchive v-else class="icon-folder" size="20" />
         </div>
         <div class="upload-text">
           <p v-if="errorMessage" class="error-message">
diff --git a/website/client/components/Home/TryItFolderUpload.vue b/website/client/components/Home/TryItFolderUpload.vue
new file mode 100644
index 000000000..0a0487b97
--- /dev/null
+++ b/website/client/components/Home/TryItFolderUpload.vue
@@ -0,0 +1,332 @@
+<script setup lang="ts">
+import JSZip from 'jszip';
+import { AlertTriangle, FolderOpen } from 'lucide-vue-next';
+import { ref } from 'vue';
+import PackButton from './PackButton.vue';
+
+const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
+
+const props = defineProps<{
+  loading: boolean;
+  showButton?: boolean;
+}>();
+
+const emit = defineEmits<{
+  upload: [file: File];
+}>();
+
+const fileInput = ref<HTMLInputElement | null>(null);
+const dragActive = ref(false);
+const selectedFolder = ref<string | null>(null);
+const errorMessage = ref<string | null>(null);
+
+// Common validation logic
+const validateFolder = (files: File[]): boolean => {
+  errorMessage.value = null;
+
+  if (files.length === 0) {
+    errorMessage.value = 'The folder is empty.';
+    return false;
+  }
+
+  const totalSize = files.reduce((sum, file) => sum + file.size, 0);
+  if (totalSize > MAX_FILE_SIZE) {
+    const sizeMB = (totalSize / (1024 * 1024)).toFixed(1);
+    errorMessage.value = `File size (${sizeMB}MB) exceeds the 10MB limit`;
+    return false;
+  }
+
+  return true;
+};
+
+// Create ZIP file
+const createZipFile = async (files: File[], folderName: string): Promise<File> => {
+  const zip = new JSZip();
+
+  for (const file of files) {
+    const path = file.webkitRelativePath || file.name;
+    zip.file(path, file);
+  }
+
+  const zipBlob = await zip.generateAsync({ type: 'blob' });
+  return new File([zipBlob], `${folderName}.zip`);
+};
+
+// Common folder processing logic
+const processFolder = async (files: File[], folderName: string): Promise<void> => {
+  if (!validateFolder(files)) {
+    selectedFolder.value = null;
+    return;
+  }
+
+  const zipFile = await createZipFile(files, folderName);
+  selectedFolder.value = folderName;
+  emit('upload', zipFile);
+};
+
+// File selection handler
+const handleFileSelect = async (files: FileList | null): Promise<void> => {
+  if (!files || files.length === 0) return;
+
+  const fileArray = Array.from(files);
+  const folderName = files[0].webkitRelativePath.split('/')[0];
+
+  await processFolder(fileArray, folderName);
+};
+
+// Folder drop handler
+const handleFolderDrop = async (event: DragEvent): Promise<void> => {
+  event.preventDefault();
+  dragActive.value = false;
+  errorMessage.value = null;
+
+  if (!event.dataTransfer?.items?.length) return;
+
+  // Check directory reading capability
+  if (!('webkitGetAsEntry' in DataTransferItem.prototype)) {
+    errorMessage.value = "Your browser doesn't support folder drop. Please use the browse button instead.";
+    return;
+  }
+
+  const entry = event.dataTransfer.items[0].webkitGetAsEntry();
+  if (!entry?.isDirectory) {
+    errorMessage.value = 'Please drop a folder, not a file.';
+    return;
+  }
+
+  const folderName = entry.name;
+
+  try {
+    const files = await collectFilesFromEntry(entry);
+    await processFolder(files, folderName);
+  } catch (error) {
+    console.error('Error processing dropped folder:', error);
+    errorMessage.value = 'Failed to process the folder. Please try again or use the browse button.';
+  }
+};
+
+const isFileEntry = (entry: FileSystemEntry): entry is FileSystemFileEntry => {
+  return entry.isFile;
+};
+const isDirectoryEntry = (entry: FileSystemEntry): entry is FileSystemDirectoryEntry => {
+  return entry.isDirectory;
+};
+
+// Recursively collect files from entry
+const collectFilesFromEntry = async (entry: FileSystemEntry, path = ''): Promise<File[]> => {
+  if (isFileEntry(entry)) {
+    return new Promise((resolve, reject) => {
+      entry.file((file: File) => {
+        // Create custom file with path information
+        const customFile = new File([file], file.name, {
+          type: file.type,
+          lastModified: file.lastModified,
+        });
+
+        // Add relative path information
+        Object.defineProperty(customFile, 'webkitRelativePath', {
+          value: path ? `${path}/${file.name}` : file.name,
+        });
+
+        resolve([customFile]);
+      }, reject);
+    });
+  }
+
+  if (isDirectoryEntry(entry) && entry.createReader) {
+    return new Promise((resolve, reject) => {
+      const dirReader = entry.createReader();
+      const allFiles: File[] = [];
+
+      // Function to read entries in directory
+      function readEntries() {
+        dirReader.readEntries(async (entries: FileSystemEntry[]) => {
+          if (entries.length === 0) {
+            resolve(allFiles);
+          } else {
+            try {
+              // Process each entry
+              for (const childEntry of entries) {
+                const newPath = path ? `${path}/${childEntry.name}` : childEntry.name;
+                const files = await collectFilesFromEntry(childEntry, newPath);
+                allFiles.push(...files);
+              }
+              // Continue reading (some browsers return entries in batches)
+              readEntries();
+            } catch (error) {
+              reject(error);
+            }
+          }
+        }, reject);
+      }
+
+      readEntries();
+    });
+  }
+
+  return []; // If neither file nor directory
+};
+
+const triggerFileInput = () => {
+  fileInput.value?.click();
+};
+</script>
+
+<template>
+  <div class="upload-wrapper">
+    <div class="upload-container"
+         :class="{ 'drag-active': dragActive, 'has-error': errorMessage }"
+         @dragover.prevent="dragActive = true"
+         @dragleave="dragActive = false"
+         @drop.prevent="handleFolderDrop($event)"
+         @click="triggerFileInput"
+    >
+      <input
+        ref="fileInput"
+        type="file"
+        directory
+        webkitdirectory
+        mozdirectory
+        class="hidden-input"
+        @change="(e) => handleFileSelect((e.target as HTMLInputElement).files)"
+      />
+      <div class="upload-content">
+        <div class="upload-icon">
+          <AlertTriangle v-if="errorMessage" class="icon-error" size="20" />
+          <FolderOpen v-else class="icon-folder" size="20" />
+        </div>
+        <div class="upload-text">
+          <p v-if="errorMessage" class="error-message">
+            {{ errorMessage }}
+          </p>
+          <p v-else-if="selectedFolder" class="selected-file">
+            Selected: {{ selectedFolder }}
+            <button class="clear-button" @click.stop="selectedFolder = null">×</button>
+          </p>
+          <template v-else>
+            <p>Drop your folder here or click to browse (max 10MB)</p>
+          </template>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div v-if="showButton" class="pack-button-container">
+    <PackButton
+      :loading="loading"
+      :isValid="!!selectedFolder"
+    />
+  </div>
+</template>
+
+<style scoped>
+.upload-wrapper {
+  width: 100%;
+}
+
+.upload-container {
+  border: 2px dashed var(--vp-c-border);
+  border-radius: 8px;
+  padding: 0 16px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  background: var(--vp-c-bg);
+  user-select: none;
+}
+
+.upload-container:hover {
+  border-color: var(--vp-c-brand-1);
+  background-color: var(--vp-c-bg-soft);
+}
+
+.drag-active {
+  border-color: var(--vp-c-brand-1);
+  background-color: var(--vp-c-bg-soft);
+}
+
+.has-error {
+  border-color: var(--vp-c-danger-1);
+}
+
+.hidden-input {
+  display: none;
+}
+
+.upload-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  pointer-events: none; /* Allow clicks to pass through to container */
+}
+
+.upload-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.icon-folder {
+  color: var(--vp-c-text-1);
+}
+
+.icon-error {
+  color: var(--vp-c-danger-1);
+}
+
+.upload-text {
+  flex: 1;
+  font-size: 14px;
+}
+
+.upload-text p {
+  margin: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.error-message {
+  color: var(--vp-c-danger-1);
+}
+
+.selected-file {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
+
+.clear-button {
+  background: none;
+  border: none;
+  color: var(--vp-c-text-2);
+  cursor: pointer;
+  font-size: 1.2em;
+  padding: 0 4px;
+  line-height: 1;
+  flex-shrink: 0;
+  pointer-events: auto; /* Re-enable pointer events for button */
+}
+
+.clear-button:hover {
+  color: var(--vp-c-text-1);
+}
+
+.pack-button-container {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin-top: 16px;
+}
+
+@media (max-width: 640px) {
+  .upload-text p {
+    font-size: 13px;
+  }
+}
+</style>
diff --git a/website/client/package-lock.json b/website/client/package-lock.json
index 723c0c0a1..b227bd5bb 100644
--- a/website/client/package-lock.json
+++ b/website/client/package-lock.json
@@ -5,6 +5,7 @@
   "packages": {
     "": {
       "dependencies": {
+        "jszip": "^3.10.1",
         "lucide-vue-next": "^0.474.0",
         "vite-plugin-pwa": "^0.21.1",
         "vue3-ace-editor": "^2.2.4"
@@ -3440,6 +3441,12 @@
         "url": "https://opencollective.com/core-js"
       }
     },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
     "node_modules/crypto-random-string": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
@@ -4312,6 +4319,12 @@
       "integrity": "sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==",
       "license": "ISC"
     },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+      "license": "MIT"
+    },
     "node_modules/inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -4842,6 +4855,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "license": "(MIT OR GPL-3.0-or-later)",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
     "node_modules/leven": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
@@ -4851,6 +4876,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
@@ -5181,6 +5215,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
@@ -5281,6 +5321,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
     "node_modules/property-information": {
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.5.0.tgz",
@@ -5310,6 +5356,33 @@
         "safe-buffer": "^5.1.0"
       }
     },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readable-stream/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
@@ -5725,6 +5798,12 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "license": "MIT"
+    },
     "node_modules/shiki": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/shiki/-/shiki-2.1.0.tgz",
@@ -5886,6 +5965,21 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -6435,6 +6529,12 @@
         "browserslist": ">= 4.21.0"
       }
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
     "node_modules/vfile": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
diff --git a/website/client/package.json b/website/client/package.json
index 4d574c20a..da5f55104 100644
--- a/website/client/package.json
+++ b/website/client/package.json
@@ -7,6 +7,7 @@
     "docs:preview": "vitepress preview"
   },
   "dependencies": {
+    "jszip": "^3.10.1",
     "lucide-vue-next": "^0.474.0",
     "vite-plugin-pwa": "^0.21.1",
     "vue3-ace-editor": "^2.2.4"