fix: 修复使用组件codemirror不显示行号问题

mock/tools.ts

@@ -131,7 +131,7 @@ function getTools() {
       id: 1,
       title: '单位换算',
       logo: 'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg',
-      desc: '在线体积、重量、字节、长度、面积、时间、角度、速度、温度、压力、热量、功率等换算',
+      desc: '在线重量、长度、面积、时间、角度、速度、温度、压力、热量、功率等换算',
       url: '/unit',
       cateId: 4,
       cate: '教育学术'

src/components/JsonTran/JsonTran.vue

@@ -5,7 +5,7 @@ import { transferred, copy } from '@/utils/string';
 import { Codemirror } from "vue-codemirror";
 import { json } from '@codemirror/lang-json';
 import '@codemirror/search';
-import '@codemirror/view';
+import { lineNumbers } from '@codemirror/view';
 import '@codemirror/state';
 import '@codemirror/commands';
 // import { syntaxTree } from '@codemirror/language';
@@ -31,7 +31,7 @@ import '@codemirror/commands';
 const info = reactive({
   title: "Json在线转换",
   code: '',
-  extensions: [json()],
+  extensions: [json(), lineNumbers()],
   isParseErr: false,
   parseErr: ''
 })

src/components/RegTest/RegTest.vue

@@ -2,10 +2,11 @@
 import { reactive } from 'vue'
 import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
 import { Codemirror } from "vue-codemirror"
+import { lineNumbers } from '@codemirror/view';
 
 const info = reactive({
   title: "正则表达式测试",
-  extensions: [],
+  extensions: [lineNumbers()],
   reg: '',
   content: `一些测试实例:
 邮箱1：[email protected]

src/components/Unicode/Unicode.vue

@@ -2,11 +2,13 @@
 import { reactive } from 'vue'
 import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
 import { Codemirror } from "vue-codemirror"
+import { lineNumbers } from '@codemirror/view';
 import { copy } from '@/utils/string'
 
+
 const info = reactive({
   title: "Unicode转中文",
-  extensions: [],
+  extensions: [lineNumbers()],
   content: '',
   tranRes: '',
 })