From: Haoqun Jiang <haoqunjiang@gmail.com>
Date: Thu, 18 Nov 2021 06:34:18 +0000 (+0800)
Subject: refactor: use multi-word component names
X-Git-Tag: v3.0.0-beta.7~15
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ee1cc5bc69d4838ed83bdc4bd9da703f2e1dc5bd;p=thirdparty%2Fvuejs%2Fcreate-vue.git

refactor: use multi-word component names

so that it won't encounter lint errors when using eslint-plugin-vue's
recommended ruleset.
---

diff --git a/template/code/default/src/App.vue b/template/code/default/src/App.vue
index 945ae423..b0b6901b 100644
--- a/template/code/default/src/App.vue
+++ b/template/code/default/src/App.vue
@@ -1,6 +1,6 @@
 <script setup>
 import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
 </script>
 
 <template>
@@ -13,7 +13,7 @@ import Welcome from './components/Welcome.vue'
   </header>
 
   <main>
-    <Welcome />
+    <TheWelcome />
   </main>
 </template>
 
diff --git a/template/code/default/src/components/Welcome.vue b/template/code/default/src/components/TheWelcome.vue
similarity index 100%
rename from template/code/default/src/components/Welcome.vue
rename to template/code/default/src/components/TheWelcome.vue
diff --git a/template/code/router/src/components/Welcome.vue b/template/code/router/src/components/TheWelcome.vue
similarity index 100%
rename from template/code/router/src/components/Welcome.vue
rename to template/code/router/src/components/TheWelcome.vue
diff --git a/template/code/router/src/router/index.js b/template/code/router/src/router/index.js
index e0434fd0..a49ae507 100644
--- a/template/code/router/src/router/index.js
+++ b/template/code/router/src/router/index.js
@@ -1,21 +1,21 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: '/',
-      name: 'Home',
-      component: Home
+      name: 'home',
+      component: HomeView
     },
     {
       path: '/about',
-      name: 'About',
+      name: 'about',
       // route level code-splitting
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
-      component: () => import('../views/About.vue')
+      component: () => import('../views/AboutView.vue')
     }
   ]
 })
diff --git a/template/code/router/src/views/About.vue b/template/code/router/src/views/AboutView.vue
similarity index 100%
rename from template/code/router/src/views/About.vue
rename to template/code/router/src/views/AboutView.vue
diff --git a/template/code/router/src/views/Home.vue b/template/code/router/src/views/HomeView.vue
similarity index 52%
rename from template/code/router/src/views/Home.vue
rename to template/code/router/src/views/HomeView.vue
index ba9b6dc3..6555a646 100644
--- a/template/code/router/src/views/Home.vue
+++ b/template/code/router/src/views/HomeView.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
+import TheWelcome from '@/components/TheWelcome.vue'
 </script>
 
 <template>
   <main>
-    <Welcome />
+    <TheWelcome />
   </main>
 </template>
diff --git a/template/code/typescript-default/src/App.vue b/template/code/typescript-default/src/App.vue
index adcd6fe7..d91eefc4 100644
--- a/template/code/typescript-default/src/App.vue
+++ b/template/code/typescript-default/src/App.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import HelloWorld from './components/HelloWorld.vue'
-import Welcome from './components/Welcome.vue'
+import TheWelcome from './components/TheWelcome.vue'
 </script>
 
 <template>
@@ -13,7 +13,7 @@ import Welcome from './components/Welcome.vue'
   </header>
 
   <main>
-    <Welcome />
+    <TheWelcome />
   </main>
 </template>
 
diff --git a/template/code/typescript-default/src/components/Welcome.vue b/template/code/typescript-default/src/components/TheWelcome.vue
similarity index 100%
rename from template/code/typescript-default/src/components/Welcome.vue
rename to template/code/typescript-default/src/components/TheWelcome.vue
diff --git a/template/code/typescript-router/src/components/Welcome.vue b/template/code/typescript-router/src/components/TheWelcome.vue
similarity index 100%
rename from template/code/typescript-router/src/components/Welcome.vue
rename to template/code/typescript-router/src/components/TheWelcome.vue
diff --git a/template/code/typescript-router/src/router/index.ts b/template/code/typescript-router/src/router/index.ts
index e0434fd0..a49ae507 100644
--- a/template/code/typescript-router/src/router/index.ts
+++ b/template/code/typescript-router/src/router/index.ts
@@ -1,21 +1,21 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import HomeView from '../views/HomeView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: '/',
-      name: 'Home',
-      component: Home
+      name: 'home',
+      component: HomeView
     },
     {
       path: '/about',
-      name: 'About',
+      name: 'about',
       // route level code-splitting
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
-      component: () => import('../views/About.vue')
+      component: () => import('../views/AboutView.vue')
     }
   ]
 })
diff --git a/template/code/typescript-router/src/views/About.vue b/template/code/typescript-router/src/views/AboutView.vue
similarity index 100%
rename from template/code/typescript-router/src/views/About.vue
rename to template/code/typescript-router/src/views/AboutView.vue
diff --git a/template/code/typescript-router/src/views/Home.vue b/template/code/typescript-router/src/views/HomeView.vue
similarity index 52%
rename from template/code/typescript-router/src/views/Home.vue
rename to template/code/typescript-router/src/views/HomeView.vue
index ba9b6dc3..6555a646 100644
--- a/template/code/typescript-router/src/views/Home.vue
+++ b/template/code/typescript-router/src/views/HomeView.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import Welcome from '@/components/Welcome.vue'
+import TheWelcome from '@/components/TheWelcome.vue'
 </script>
 
 <template>
   <main>
-    <Welcome />
+    <TheWelcome />
   </main>
 </template>