refactor: simplify props definition in SvgIcon component and optimize child node replacement

Author: lisonge

src/components/SvgIcon.vue

@@ -5,20 +5,17 @@ const svgElMap = computedAsync(
 );
 </script>
 <script setup lang="ts">
-const props = withDefaults(
-  defineProps<{
-    name: string;
-  }>(),
-  {},
-);
+const props = defineProps<{
+  name: string;
+}>();
 
 const svgEl = computed(() => svgElMap.value[props.name]);
 const actualEl = shallowRef<SVGSVGElement>();
 watchEffect(() => {
   const s = svgEl.value;
   const a = actualEl.value;
   if (!s || !a) return;
-  a.replaceChildren(...Array.from(s.cloneNode(true).childNodes));
+  a.replaceChildren(...s.cloneNode(true).childNodes);
 });
 </script>
 <template>

tsconfig.app.json

@@ -6,7 +6,7 @@
     "skipLibCheck": false,
     "composite": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "lib": ["ESNext"],
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
     "baseUrl": ".",
     "erasableSyntaxOnly": true,
     "noUncheckedIndexedAccess": false,