From d8d928cc963eda28d44c49c1959174ade58de305 Mon Sep 17 00:00:00 2001
From: Haoqun Jiang <haoqunjiang@gmail.com>
Date: Mon, 23 Aug 2021 15:53:07 +0800
Subject: [PATCH] refactor: add `Icon` prefix to icon components

Following the naming convention from <https://vuejs.org/v2/cookbook/editable-svg-icons.html>
---
 template/code/default/src/App.vue                      | 10 +++++-----
 .../code/default/src/components/ColorSchemeSwitch.vue  |  4 ++--
 .../icons/{Community.vue => IconCommunity.vue}         |  0
 .../icons/{Documentation.vue => IconDocumentation.vue} |  0
 .../icons/{Ecosystem.vue => IconEcosystem.vue}         |  0
 .../src/components/icons/{Moon.vue => IconMoon.vue}    |  0
 .../src/components/icons/{Sun.vue => IconSun.vue}      |  0
 .../components/icons/{Support.vue => IconSupport.vue}  |  0
 .../components/icons/{Tooling.vue => IconTooling.vue}  |  0
 .../code/router/src/components/ColorSchemeSwitch.vue   |  4 ++--
 .../icons/{Community.vue => IconCommunity.vue}         |  0
 .../icons/{Documentation.vue => IconDocumentation.vue} |  0
 .../icons/{Ecosystem.vue => IconEcosystem.vue}         |  0
 .../src/components/icons/{Moon.vue => IconMoon.vue}    |  0
 .../src/components/icons/{Sun.vue => IconSun.vue}      |  0
 .../components/icons/{Support.vue => IconSupport.vue}  |  0
 .../components/icons/{Tooling.vue => IconTooling.vue}  |  0
 template/code/router/src/views/Home.vue                | 10 +++++-----
 template/code/typescript-default/src/App.vue           | 10 +++++-----
 .../src/components/ColorSchemeSwitch.vue               |  4 ++--
 .../icons/{Community.vue => IconCommunity.vue}         |  0
 .../icons/{Documentation.vue => IconDocumentation.vue} |  0
 .../icons/{Ecosystem.vue => IconEcosystem.vue}         |  0
 .../src/components/icons/{Moon.vue => IconMoon.vue}    |  0
 .../src/components/icons/{Sun.vue => IconSun.vue}      |  0
 .../components/icons/{Support.vue => IconSupport.vue}  |  0
 .../components/icons/{Tooling.vue => IconTooling.vue}  |  0
 .../src/components/ColorSchemeSwitch.vue               |  4 ++--
 .../icons/{Community.vue => IconCommunity.vue}         |  0
 .../icons/{Documentation.vue => IconDocumentation.vue} |  0
 .../icons/{Ecosystem.vue => IconEcosystem.vue}         |  0
 .../src/components/icons/{Moon.vue => IconMoon.vue}    |  0
 .../src/components/icons/{Sun.vue => IconSun.vue}      |  0
 .../components/icons/{Support.vue => IconSupport.vue}  |  0
 .../components/icons/{Tooling.vue => IconTooling.vue}  |  0
 template/code/typescript-router/src/views/Home.vue     | 10 +++++-----
 36 files changed, 28 insertions(+), 28 deletions(-)
 rename template/code/default/src/components/icons/{Community.vue => IconCommunity.vue} (100%)
 rename template/code/default/src/components/icons/{Documentation.vue => IconDocumentation.vue} (100%)
 rename template/code/default/src/components/icons/{Ecosystem.vue => IconEcosystem.vue} (100%)
 rename template/code/default/src/components/icons/{Moon.vue => IconMoon.vue} (100%)
 rename template/code/default/src/components/icons/{Sun.vue => IconSun.vue} (100%)
 rename template/code/default/src/components/icons/{Support.vue => IconSupport.vue} (100%)
 rename template/code/default/src/components/icons/{Tooling.vue => IconTooling.vue} (100%)
 rename template/code/router/src/components/icons/{Community.vue => IconCommunity.vue} (100%)
 rename template/code/router/src/components/icons/{Documentation.vue => IconDocumentation.vue} (100%)
 rename template/code/router/src/components/icons/{Ecosystem.vue => IconEcosystem.vue} (100%)
 rename template/code/router/src/components/icons/{Moon.vue => IconMoon.vue} (100%)
 rename template/code/router/src/components/icons/{Sun.vue => IconSun.vue} (100%)
 rename template/code/router/src/components/icons/{Support.vue => IconSupport.vue} (100%)
 rename template/code/router/src/components/icons/{Tooling.vue => IconTooling.vue} (100%)
 rename template/code/typescript-default/src/components/icons/{Community.vue => IconCommunity.vue} (100%)
 rename template/code/typescript-default/src/components/icons/{Documentation.vue => IconDocumentation.vue} (100%)
 rename template/code/typescript-default/src/components/icons/{Ecosystem.vue => IconEcosystem.vue} (100%)
 rename template/code/typescript-default/src/components/icons/{Moon.vue => IconMoon.vue} (100%)
 rename template/code/typescript-default/src/components/icons/{Sun.vue => IconSun.vue} (100%)
 rename template/code/typescript-default/src/components/icons/{Support.vue => IconSupport.vue} (100%)
 rename template/code/typescript-default/src/components/icons/{Tooling.vue => IconTooling.vue} (100%)
 rename template/code/typescript-router/src/components/icons/{Community.vue => IconCommunity.vue} (100%)
 rename template/code/typescript-router/src/components/icons/{Documentation.vue => IconDocumentation.vue} (100%)
 rename template/code/typescript-router/src/components/icons/{Ecosystem.vue => IconEcosystem.vue} (100%)
 rename template/code/typescript-router/src/components/icons/{Moon.vue => IconMoon.vue} (100%)
 rename template/code/typescript-router/src/components/icons/{Sun.vue => IconSun.vue} (100%)
 rename template/code/typescript-router/src/components/icons/{Support.vue => IconSupport.vue} (100%)
 rename template/code/typescript-router/src/components/icons/{Tooling.vue => IconTooling.vue} (100%)

diff --git a/template/code/default/src/App.vue b/template/code/default/src/App.vue
index ab188d52..381b2cf8 100644
--- 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 8e5bb4e2..e7bf9383 100644
--- 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 8e5bb4e2..e7bf9383 100644
--- 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 d91fa611..49232567 100644
--- 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 faa0cfa6..3a6ebe60 100644
--- 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 cc832566..7662aa2b 100644
--- 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 894e6bfe..d1d4b46b 100644
--- 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 2912eebc..17277bc2 100644
--- 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>
-- 
2.39.5