refactor(service): refactor mpx service plugins

Author: wangshunnn

inspect-extension/components/script-json/demo01/index.mpx

@@ -11,7 +11,9 @@ createPage({})
 <script type="application/json">
   {
     "usingComponents": {
-      "list": "../components/list"
+      // 注释测试
+      "list": "../components/list",
+      "sd": "xxc", // 允许末行尾随逗号
     } 
   }
 </script>

packages/language-service/src/index.ts

@@ -5,14 +5,14 @@ import type { IRequests } from '@mpxjs/typescript-plugin/src/requests'
 import type { LanguageServicePlugin } from '@volar/language-service'
 import { parse } from '@mpxjs/language-core'
 import { create as createEmmetPlugin } from 'volar-service-emmet'
-import { create as createJsonPlugin } from 'volar-service-json'
 import { create as createTypeScriptSyntacticPlugin } from 'volar-service-typescript/lib/plugins/syntactic'
 import { create as createTypeScriptDocCommentTemplatePlugin } from 'volar-service-typescript/lib/plugins/docCommentTemplate'
 import { create as creatempxDocumentHighlightsPlugin } from './plugins/mpx-document-highlights'
 import { create as createMpxSfcPlugin } from './plugins/mpx-sfc'
-import { create as createMpxTemplatePlugin } from './plugins/mpx-template'
+import { create as createMpxTemplatePlugin } from './plugins/mpx-sfc-template'
+import { create as createMpxCSSPlugin } from './plugins/mpx-sfc-css'
+import { create as createMpxJsonJsonPlugin } from './plugins/mpx-sfc-json-json'
 import { create as createMpxDocumentLinksPlugin } from './plugins/mpx-document-links'
-import { create as createCSSPlugin } from './plugins/css'
 import { Commands } from './types'
 
 export * from '@volar/language-service'
@@ -53,9 +53,9 @@ function getCommonLanguageServicePlugins(
   return [
     createMpxSfcPlugin(),
     createMpxTemplatePlugin(),
+    createMpxCSSPlugin(),
+    createMpxJsonJsonPlugin(),
     createMpxDocumentLinksPlugin(),
-    createCSSPlugin(),
-    createJsonPlugin(),
     createEmmetPlugin({
       mappedLanguages: {
         'mpx-root-tags': 'html',

packages/language-service/src/plugins/css.ts renamed to packages/language-service/src/plugins/mpx-sfc-css.ts

@@ -0,0 +1,13 @@
+import type { LanguageServicePlugin } from '@volar/language-service'
+import { create as baseCreate } from 'volar-service-json'
+
+export function create(): LanguageServicePlugin {
+  const base = baseCreate({
+    getDocumentLanguageSettings: () => {
+      // mpx script-json json 语法模块允许注释和尾随逗号
+      return { comments: 'ignore', trailingCommas: 'ignore' }
+    },
+  })
+
+  return base
+}