autocompletion: lint

packages/react/src/components/CodeMirror6.jsx

@@ -143,9 +143,10 @@ export default function CodeMirror({
     return staticExtensions;
   }, [keybindings]);
 
-  const setAutoCompletion = isAutoCompletionEnabled => isAutoCompletionEnabled ?
+  const setAutoCompletion = (isAutoCompletionEnabled) =>
-    javascriptLanguage.data.of({ autocomplete: strudelAutocomplete }) :
+    isAutoCompletionEnabled
-    autocompletion({ override: [] })
+      ? javascriptLanguage.data.of({ autocomplete: strudelAutocomplete })
+      : autocompletion({ override: [] });
 
   return (
     <div style={{ fontSize, fontFamily }} className="w-full">
@@ -155,7 +156,7 @@ export default function CodeMirror({
         onChange={handleOnChange}
         onCreateEditor={handleOnCreateEditor}
         onUpdate={handleOnUpdate}
-        extensions={[ ...extensions, setAutoCompletion(isAutoCompletionEnabled) ]}
+        extensions={[...extensions, setAutoCompletion(isAutoCompletionEnabled)]}
         basicSetup={{ lineNumbers: isLineNumbersDisplayed }}
       />
     </div>

website/src/repl/Footer.jsx

@@ -364,14 +364,7 @@ const fontFamilyOptions = {
 };
 
 function SettingsTab({ scheduler }) {
-  const {
+  const { theme, keybindings, isLineNumbersDisplayed, isAutoCompletionEnabled, fontSize, fontFamily } = useSettings();
-    theme,
-    keybindings,
-    isLineNumbersDisplayed,
-    isAutoCompletionEnabled,
-    fontSize,
-    fontFamily
-  } = useSettings();
 
   return (
     <div className="text-foreground p-4 space-y-4">

website/src/repl/Repl.jsx

@@ -105,14 +105,7 @@ export function Repl({ embedded = false }) {
   const [lastShared, setLastShared] = useState();
   const [pending, setPending] = useState(true);
 
-  const {
+  const { theme, keybindings, fontSize, fontFamily, isLineNumbersDisplayed, isAutoCompletionEnabled } = useSettings();
-    theme,
-    keybindings,
-    fontSize,
-    fontFamily,
-    isLineNumbersDisplayed,
-    isAutoCompletionEnabled
-  } = useSettings();
 
   const { code, setCode, scheduler, evaluate, activateCode, isDirty, activeCode, pattern, started, stop, error } =
     useStrudel({