fix(runtime-dom): fix the bug that the element of mathml cannot be created normally.

Author: linzhe141

packages/runtime-dom/src/nodeOps.ts

@@ -1,4 +1,5 @@
 import type { RendererOptions } from '@vue/runtime-core'
+import { isMathMLTag } from '@vue/shared'
 
 export const svgNS = 'http://www.w3.org/2000/svg'
 export const mathmlNS = 'http://www.w3.org/1998/Math/MathML'
@@ -20,44 +21,10 @@ export const nodeOps: Omit<RendererOptions<Node, Element>, 'patchProp'> = {
   },
 
   createElement: (tag, namespace, is, props): Element => {
-    // https://www.javatpoint.com/mathml-all-elements
-    const allMathmlTags = [
-      'maction',
-      'math',
-      'menclose',
-      'merror',
-      'mfenced',
-      'mfrac',
-      'mglyph',
-      'mi',
-      'mlabeledtr',
-      'mmultiscripts',
-      'mn',
-      'mo',
-      'mover',
-      'mpadded',
-      'mphantom',
-      'mroot',
-      'mrow',
-      'ms',
-      'mspace',
-      'msqrt',
-      'mstyle',
-      'msub',
-      'msubsup',
-      'msup',
-      'mtable',
-      'mtd',
-      'mtext',
-      'mtr',
-      'munder',
-      'munderover',
-      'semantics',
-    ]
     const el =
       namespace === 'svg'
         ? doc.createElementNS(svgNS, tag)
-        : namespace === 'mathml' || allMathmlTags.includes(tag)
+        : namespace === 'mathml' || isMathMLTag(tag)
           ? doc.createElementNS(mathmlNS, tag)
           : doc.createElement(tag, is ? { is } : undefined)