towards generic autocomplete

public/scripts/slash-commands/SlashCommandVariableAutoCompleteOption.js

@@ -0,0 +1,39 @@
+import { SlashCommandAutoCompleteOption } from './SlashCommandAutoCompleteOption.js';
+
+export class SlashCommandVariableAutoCompleteOption extends SlashCommandAutoCompleteOption {
+    /**
+     * @param {string} value
+     */
+    constructor(value) {
+        super(value, value);
+    }
+
+
+    renderItem() {
+        let li;
+        li = this.makeItem(this.name, '𝑥', true);
+        li.setAttribute('data-name', this.name);
+        return li;
+    }
+
+
+    renderDetails() {
+        const frag = document.createDocumentFragment();
+        const specs = document.createElement('div'); {
+            specs.classList.add('specs');
+            const name = document.createElement('div'); {
+                name.classList.add('name');
+                name.classList.add('monospace');
+                name.textContent = this.value.toString();
+                specs.append(name);
+            }
+            frag.append(specs);
+        }
+        const help = document.createElement('span'); {
+            help.classList.add('help');
+            help.textContent = 'scoped variable';
+            frag.append(help);
+        }
+        return frag;
+    }
+}