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

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: '',
 })