From 20232afefd2eccf335e9ab1fc7aaaa9fd0adf810 Mon Sep 17 00:00:00 2001
From: Kloon ImKloon <kloon15@gmail.com>
Date: Fri, 6 Oct 2023 18:34:02 +0200
Subject: [PATCH] Enable code completion for ace editor

---
 frontend/src/views/files/Editor.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/src/views/files/Editor.vue b/frontend/src/views/files/Editor.vue
index ca4fcf51..84a4f5f4 100644
--- a/frontend/src/views/files/Editor.vue
+++ b/frontend/src/views/files/Editor.vue
@@ -24,11 +24,10 @@ import { files as api } from "@/api";
 import { theme } from "@/utils/constants";
 import buttons from "@/utils/buttons";
 import url from "@/utils/url";
-import { Ace, version as ace_version } from "ace-builds";
-// @ts-ignore
-import ace from "ace-builds/src-min-noconflict/ace.js";
-// @ts-ignore
-import modelist from "ace-builds/src-min-noconflict/ext-modelist.js";
+import ace, { Ace, version as ace_version } from "ace-builds";
+import modelist from "ace-builds/src-noconflict/ext-modelist";
+import "ace-builds/src-noconflict/ext-language_tools";
+
 import HeaderBar from "@/components/header/HeaderBar.vue";
 import Action from "@/components/header/Action.vue";
 import Breadcrumbs from "@/components/Breadcrumbs.vue";
@@ -67,10 +66,13 @@ onMounted(() => {
     theme: "ace/theme/chrome",
     mode: modelist.getModeForPath(fileStore.req?.name).mode,
     wrap: true,
+    enableBasicAutocompletion: true,
+    enableLiveAutocompletion: true,
+    enableSnippets: true,
   });
 
-  if (theme == "dark") {
-    editor.value?.setTheme("ace/theme/twilight");
+  if (theme === "dark") {
+    editor.value!.setTheme("ace/theme/twilight");
   }
 });