From: Haoqun Jiang <haoqunjiang@gmail.com>
Date: Mon, 23 Aug 2021 07:53:07 +0000 (+0800)
Subject: refactor: add `Icon` prefix to icon components
X-Git-Tag: v3.0.0-beta.1~21
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d8d928cc963eda28d44c49c1959174ade58de305;p=thirdparty%2Fvuejs%2Fcreate-vue.git

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 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>