From 32c596ca26b2e164b9c766b9c0f3a8f204a34e48 Mon Sep 17 00:00:00 2001
From: meijin <TeXmeijin@users.noreply.github.com>
Date: Sun, 6 Jun 2021 23:29:58 +0900
Subject: [PATCH] chore(create-app): add type="button" to satisfy eslint rule
 (#3685)

@see https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/button-has-type.md
---
 packages/create-app/template-react-ts/src/App.tsx               | 2 +-
 packages/create-app/template-react/src/App.jsx                  | 2 +-
 .../create-app/template-vue-ts/src/components/HelloWorld.vue    | 2 +-
 packages/create-app/template-vue/src/components/HelloWorld.vue  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/create-app/template-react-ts/src/App.tsx b/packages/create-app/template-react-ts/src/App.tsx
index f6b94f610f7f2a..296a7ee889fce4 100644
--- a/packages/create-app/template-react-ts/src/App.tsx
+++ b/packages/create-app/template-react-ts/src/App.tsx
@@ -11,7 +11,7 @@ function App() {
         <img src={logo} className="App-logo" alt="logo" />
         <p>Hello Vite + React!</p>
         <p>
-          <button onClick={() => setCount((count) => count + 1)}>
+          <button type="button" onClick={() => setCount((count) => count + 1)}>
             count is: {count}
           </button>
         </p>
diff --git a/packages/create-app/template-react/src/App.jsx b/packages/create-app/template-react/src/App.jsx
index c6be65d44eb387..09395475d1c743 100644
--- a/packages/create-app/template-react/src/App.jsx
+++ b/packages/create-app/template-react/src/App.jsx
@@ -11,7 +11,7 @@ function App() {
         <img src={logo} className="App-logo" alt="logo" />
         <p>Hello Vite + React!</p>
         <p>
-          <button onClick={() => setCount((count) => count + 1)}>
+          <button type="button" onClick={() => setCount((count) => count + 1)}>
             count is: {count}
           </button>
         </p>
diff --git a/packages/create-app/template-vue-ts/src/components/HelloWorld.vue b/packages/create-app/template-vue-ts/src/components/HelloWorld.vue
index f35d1b04facc6b..8e73cc6d4aa2b8 100644
--- a/packages/create-app/template-vue-ts/src/components/HelloWorld.vue
+++ b/packages/create-app/template-vue-ts/src/components/HelloWorld.vue
@@ -27,7 +27,7 @@
     <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
   </p>
 
-  <button @click="count++">count is: {{ count }}</button>
+  <button type="button" @click="count++">count is: {{ count }}</button>
   <p>
     Edit
     <code>components/HelloWorld.vue</code> to test hot module replacement.
diff --git a/packages/create-app/template-vue/src/components/HelloWorld.vue b/packages/create-app/template-vue/src/components/HelloWorld.vue
index d834212fe51377..d57ad810075595 100644
--- a/packages/create-app/template-vue/src/components/HelloWorld.vue
+++ b/packages/create-app/template-vue/src/components/HelloWorld.vue
@@ -9,7 +9,7 @@
     <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Documentation</a>
   </p>
 
-  <button @click="state.count++">count is: {{ state.count }}</button>
+  <button type="button" @click="state.count++">count is: {{ state.count }}</button>
   <p>
     Edit
     <code>components/HelloWorld.vue</code> to test hot module replacement.