codemirror 使用 sql 模式时，部分关键字无法智能提示的问题

本人是在Vue 项目中使用的 codemirror 插件

---

先看效果：

---

HTML部分的代码如下

<codemirror
  v-model="code"
  :options="cmOptions"
  ref="codemirror">
</codemirror>

---

JavaScript 部分代码如下

<script>

...省略

data() {
    return {
      ... 省略

      cmOptions: {
      
      	----------------------------👇看这里👇----------------------------
      	// ↓ 这样写的话，就会缺少部分 sql 关键字提示
        // mode: "text/x-sql",
        // ↓ 只有这样写，才会完整地显示出所有的 sql 关键字，例如：left/case等
        mode: "text/x-sparksql", 
        ----------------------------👆看这里👆----------------------------
        
        theme: "default",
        lineNumbers: true,
        keyMap: "default",
        extraKeys: { tab: "autocomplete" },
        lineWrapping: true,
        foldGutter: true,
        gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
        hintOptions: {
          completeSingle: false,
          tables: {},
        },
      },
    };
  },
  
...省略

</script>

---

注：

本人这种写法是从别人的帖子那里浏览到的，当时没留意，原帖也就没保存；

codeMirror官方 sql 模式 列举了各种 sql 关键字模式，这也是本人后来才发现的。