refactor: add `Icon` prefix to icon components

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

diff --git a/template/code/default/src/App.vue b/template/code/default/src/App.vue
index ab188d527cc3655adc65e0b250c92ef2ccfa6d39..381b2cf82543db7699e3f88622e9479163c4eb22 100644 (file)
--- a/template/code/default/src/App.vue
+++ b/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>

diff --git a/template/code/default/src/components/ColorSchemeSwitch.vue b/template/code/default/src/components/ColorSchemeSwitch.vue
index 8e5bb4e22fddd2f84c0d0610bb37b3a31d4b1efb..e7bf9383621aee7126c0ab3c99e1038720d83aae 100644 (file)
--- a/template/code/default/src/components/ColorSchemeSwitch.vue
+++ b/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'

diff --git a/template/code/default/src/components/icons/Community.vue b/template/code/default/src/components/icons/IconCommunity.vue
similarity index 100%
rename from template/code/default/src/components/icons/Community.vue
rename to template/code/default/src/components/icons/IconCommunity.vue

diff --git a/template/code/default/src/components/icons/Documentation.vue b/template/code/default/src/components/icons/IconDocumentation.vue
similarity index 100%
rename from template/code/default/src/components/icons/Documentation.vue
rename to template/code/default/src/components/icons/IconDocumentation.vue

diff --git a/template/code/default/src/components/icons/Ecosystem.vue b/template/code/default/src/components/icons/IconEcosystem.vue
similarity index 100%
rename from template/code/default/src/components/icons/Ecosystem.vue
rename to template/code/default/src/components/icons/IconEcosystem.vue

diff --git a/template/code/default/src/components/icons/Moon.vue b/template/code/default/src/components/icons/IconMoon.vue
similarity index 100%
rename from template/code/default/src/components/icons/Moon.vue
rename to template/code/default/src/components/icons/IconMoon.vue

diff --git a/template/code/default/src/components/icons/Sun.vue b/template/code/default/src/components/icons/IconSun.vue
similarity index 100%
rename from template/code/default/src/components/icons/Sun.vue
rename to template/code/default/src/components/icons/IconSun.vue

diff --git a/template/code/default/src/components/icons/Support.vue b/template/code/default/src/components/icons/IconSupport.vue
similarity index 100%
rename from template/code/default/src/components/icons/Support.vue
rename to template/code/default/src/components/icons/IconSupport.vue

diff --git a/template/code/default/src/components/icons/Tooling.vue b/template/code/default/src/components/icons/IconTooling.vue
similarity index 100%
rename from template/code/default/src/components/icons/Tooling.vue
rename to template/code/default/src/components/icons/IconTooling.vue

diff --git a/template/code/router/src/components/ColorSchemeSwitch.vue b/template/code/router/src/components/ColorSchemeSwitch.vue
index 8e5bb4e22fddd2f84c0d0610bb37b3a31d4b1efb..e7bf9383621aee7126c0ab3c99e1038720d83aae 100644 (file)
--- a/template/code/router/src/components/ColorSchemeSwitch.vue
+++ b/template/code/router/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'

diff --git a/template/code/router/src/components/icons/Community.vue b/template/code/router/src/components/icons/IconCommunity.vue
similarity index 100%
rename from template/code/router/src/components/icons/Community.vue
rename to template/code/router/src/components/icons/IconCommunity.vue

diff --git a/template/code/router/src/components/icons/Documentation.vue b/template/code/router/src/components/icons/IconDocumentation.vue
similarity index 100%
rename from template/code/router/src/components/icons/Documentation.vue
rename to template/code/router/src/components/icons/IconDocumentation.vue

diff --git a/template/code/router/src/components/icons/Ecosystem.vue b/template/code/router/src/components/icons/IconEcosystem.vue
similarity index 100%
rename from template/code/router/src/components/icons/Ecosystem.vue
rename to template/code/router/src/components/icons/IconEcosystem.vue

diff --git a/template/code/router/src/components/icons/Moon.vue b/template/code/router/src/components/icons/IconMoon.vue
similarity index 100%
rename from template/code/router/src/components/icons/Moon.vue
rename to template/code/router/src/components/icons/IconMoon.vue

diff --git a/template/code/router/src/components/icons/Sun.vue b/template/code/router/src/components/icons/IconSun.vue
similarity index 100%
rename from template/code/router/src/components/icons/Sun.vue
rename to template/code/router/src/components/icons/IconSun.vue

diff --git a/template/code/router/src/components/icons/Support.vue b/template/code/router/src/components/icons/IconSupport.vue
similarity index 100%
rename from template/code/router/src/components/icons/Support.vue
rename to template/code/router/src/components/icons/IconSupport.vue

diff --git a/template/code/router/src/components/icons/Tooling.vue b/template/code/router/src/components/icons/IconTooling.vue
similarity index 100%
rename from template/code/router/src/components/icons/Tooling.vue
rename to template/code/router/src/components/icons/IconTooling.vue

diff --git a/template/code/router/src/views/Home.vue b/template/code/router/src/views/Home.vue
index d91fa611daf911704f1217e2b11dab721c11e958..49232567fdababad4a175e35d871edb9854551ef 100644 (file)
--- a/template/code/router/src/views/Home.vue
+++ b/template/code/router/src/views/Home.vue
@@ -1,11 +1,11 @@
 <script setup>
 import IntroductionItem from '@/components/IntroductionItem.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>

diff --git a/template/code/typescript-default/src/App.vue b/template/code/typescript-default/src/App.vue
index faa0cfa674fb7712709f70effe51c88da618aa86..3a6ebe6051e02c15ccc279beed5361ef4bc5e363 100644 (file)
--- a/template/code/typescript-default/src/App.vue
+++ b/template/code/typescript-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>

diff --git a/template/code/typescript-default/src/components/ColorSchemeSwitch.vue b/template/code/typescript-default/src/components/ColorSchemeSwitch.vue
index cc832566758d5ef10070b1cd6fbb26d3721343b8..7662aa2b7ce60a630afb4d293891247dcaa12e78 100644 (file)
--- a/template/code/typescript-default/src/components/ColorSchemeSwitch.vue
+++ b/template/code/typescript-default/src/components/ColorSchemeSwitch.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-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'

diff --git a/template/code/typescript-default/src/components/icons/Community.vue b/template/code/typescript-default/src/components/icons/IconCommunity.vue
similarity index 100%
rename from template/code/typescript-default/src/components/icons/Community.vue
rename to template/code/typescript-default/src/components/icons/IconCommunity.vue

diff --git a/template/code/typescript-default/src/components/icons/Documentation.vue b/template/code/typescript-default/src/components/icons/IconDocumentation.vue
similarity index 100%
rename from template/code/typescript-default/src/components/icons/Documentation.vue
rename to template/code/typescript-default/src/components/icons/IconDocumentation.vue

diff --git a/template/code/typescript-default/src/components/icons/Ecosystem.vue b/template/code/typescript-default/src/components/icons/IconEcosystem.vue
similarity index 100%
rename from template/code/typescript-default/src/components/icons/Ecosystem.vue
rename to template/code/typescript-default/src/components/icons/IconEcosystem.vue

diff --git a/template/code/typescript-default/src/components/icons/Moon.vue b/template/code/typescript-default/src/components/icons/IconMoon.vue
similarity index 100%
rename from template/code/typescript-default/src/components/icons/Moon.vue
rename to template/code/typescript-default/src/components/icons/IconMoon.vue

diff --git a/template/code/typescript-default/src/components/icons/Sun.vue b/template/code/typescript-default/src/components/icons/IconSun.vue
similarity index 100%
rename from template/code/typescript-default/src/components/icons/Sun.vue
rename to template/code/typescript-default/src/components/icons/IconSun.vue

diff --git a/template/code/typescript-default/src/components/icons/Support.vue b/template/code/typescript-default/src/components/icons/IconSupport.vue
similarity index 100%
rename from template/code/typescript-default/src/components/icons/Support.vue
rename to template/code/typescript-default/src/components/icons/IconSupport.vue

diff --git a/template/code/typescript-default/src/components/icons/Tooling.vue b/template/code/typescript-default/src/components/icons/IconTooling.vue
similarity index 100%
rename from template/code/typescript-default/src/components/icons/Tooling.vue
rename to template/code/typescript-default/src/components/icons/IconTooling.vue

diff --git a/template/code/typescript-router/src/components/ColorSchemeSwitch.vue b/template/code/typescript-router/src/components/ColorSchemeSwitch.vue
index 894e6bfe371f2262eda7b72dc3d56aa422eabb3b..d1d4b46b05d76e1c02075f9eda17753ad0c9134b 100644 (file)
--- a/template/code/typescript-router/src/components/ColorSchemeSwitch.vue
+++ b/template/code/typescript-router/src/components/ColorSchemeSwitch.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-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'

diff --git a/template/code/typescript-router/src/components/icons/Community.vue b/template/code/typescript-router/src/components/icons/IconCommunity.vue
similarity index 100%
rename from template/code/typescript-router/src/components/icons/Community.vue
rename to template/code/typescript-router/src/components/icons/IconCommunity.vue

diff --git a/template/code/typescript-router/src/components/icons/Documentation.vue b/template/code/typescript-router/src/components/icons/IconDocumentation.vue
similarity index 100%
rename from template/code/typescript-router/src/components/icons/Documentation.vue
rename to template/code/typescript-router/src/components/icons/IconDocumentation.vue

diff --git a/template/code/typescript-router/src/components/icons/Ecosystem.vue b/template/code/typescript-router/src/components/icons/IconEcosystem.vue
similarity index 100%
rename from template/code/typescript-router/src/components/icons/Ecosystem.vue
rename to template/code/typescript-router/src/components/icons/IconEcosystem.vue

diff --git a/template/code/typescript-router/src/components/icons/Moon.vue b/template/code/typescript-router/src/components/icons/IconMoon.vue
similarity index 100%
rename from template/code/typescript-router/src/components/icons/Moon.vue
rename to template/code/typescript-router/src/components/icons/IconMoon.vue

diff --git a/template/code/typescript-router/src/components/icons/Sun.vue b/template/code/typescript-router/src/components/icons/IconSun.vue
similarity index 100%
rename from template/code/typescript-router/src/components/icons/Sun.vue
rename to template/code/typescript-router/src/components/icons/IconSun.vue

diff --git a/template/code/typescript-router/src/components/icons/Support.vue b/template/code/typescript-router/src/components/icons/IconSupport.vue
similarity index 100%
rename from template/code/typescript-router/src/components/icons/Support.vue
rename to template/code/typescript-router/src/components/icons/IconSupport.vue

diff --git a/template/code/typescript-router/src/components/icons/Tooling.vue b/template/code/typescript-router/src/components/icons/IconTooling.vue
similarity index 100%
rename from template/code/typescript-router/src/components/icons/Tooling.vue
rename to template/code/typescript-router/src/components/icons/IconTooling.vue

diff --git a/template/code/typescript-router/src/views/Home.vue b/template/code/typescript-router/src/views/Home.vue
index 2912eebc58a268e9a8728b517ded7d44d35a30a7..17277bc260f6269d033ec42ae0ba402dd22d622e 100644 (file)
--- a/template/code/typescript-router/src/views/Home.vue
+++ b/template/code/typescript-router/src/views/Home.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import IntroductionItem from '@/components/IntroductionItem.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>