refactor: add Icon prefix to icon components

Following the naming convention from <https://vuejs.org/v2/cookbook/editable-svg-icons.html>

Author: haoqunjiang

template/code/default/src/App.vue

@@ -3,11 +3,11 @@ import HelloWorld from './components/HelloWorld.vue'
 import IntroductionItem from './components/IntroductionItem.vue'
 import ColorSchemeSwitch from './components/ColorSchemeSwitch.vue'
 
-import DocumentationIcon from './components/icons/Documentation.vue'
-import ToolingIcon from './components/icons/Tooling.vue'
-import EcosystemIcon from './components/icons/Ecosystem.vue'
-import CommunityIcon from './components/icons/Community.vue'
-import SupportIcon from './components/icons/Support.vue'
+import DocumentationIcon from './components/icons/IconDocumentation.vue'
+import ToolingIcon from './components/icons/IconTooling.vue'
+import EcosystemIcon from './components/icons/IconEcosystem.vue'
+import CommunityIcon from './components/icons/IconCommunity.vue'
+import SupportIcon from './components/icons/IconSupport.vue'
 </script>
 
 <template>

template/code/default/src/components/ColorSchemeSwitch.vue

@@ -1,6 +1,6 @@
 <script setup>
-import IconMoon from './icons/Moon.vue'
-import IconSun from './icons/Sun.vue'
+import IconMoon from './icons/IconMoon.vue'
+import IconSun from './icons/IconSun.vue'
 
 import { watchEffect } from 'vue'
 import useColorScheme from '@/composables/useColorScheme'

template/code/default/src/components/icons/Community.vue renamed to template/code/default/src/components/icons/IconCommunity.vue

@@ -1,6 +1,6 @@
 <script setup>
-import IconMoon from './icons/Moon.vue'
-import IconSun from './icons/Sun.vue'
+import IconMoon from './icons/IconMoon.vue'
+import IconSun from './icons/IconSun.vue'
 
 import { watchEffect } from 'vue'
 import useColorScheme from '@/composables/useColorScheme'