update vite ,

vite-helloworld/package.json → vite-helloworld/vite-helloworld/package.json

@@ -13,4 +13,4 @@
     "vite": "^1.0.0-rc.1",
     "vite-plugin-react": "^3.0.0"
   }
-}
+}

vite-helloworld/vite-helloworld/scripts/build_to_docs.sh

@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+
+set -ex
+
+yarn
+
+yarn build
+
+
+rm -rf ../docs/react-helloworld-tryout
+mkdir -p ../docs/react-helloworld-tryout
+rsync -avzh --progress build/ ../docs/react-helloworld-tryout

vite-helloworld/vite-helloworld/scripts/dev.sh

@@ -0,0 +1,7 @@
+#!/usr/bin/env bash
+
+set -ex
+
+yarn --dev
+
+yarn dev

vite-helloworld/vite-helloworld/scripts/init.sh

@@ -0,0 +1,7 @@
+#!/usr/bin/env bash
+
+set -ex
+
+yarn
+
+npx eslint --init

vite-helloworld/vite-helloworld/scripts/lint.sh

@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+
+set -ex
+
+# eslint -c ./.eslintrc.js src
+eslint -c ./.eslintrc.js src \
+  --ignore-pattern src/tests \
+  --ignore-pattern *.test.js \
+  --max-warnings 5 --fix

vite-helloworld/vite-helloworld/scripts/test.sh

@@ -0,0 +1,7 @@
+#!/usr/bin/env bash
+
+set -ex
+
+yarn --dev
+
+yarn test -- --coverage

vite-helloworld/src/App.jsx → vite-helloworld/vite-helloworld/src/App.jsx

@@ -1,17 +1,19 @@
-import React, { useState } from 'react'
-import logo from './logo.svg'
-import './App.css'
+import React, { useState } from 'react';
+import logo from './logo.svg';
+import './App.css';
 
 function App() {
-  const [count, setCount] = useState(0)
+  const [count, setCount] = useState(0);
 
   return (
     <div className="App">
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
         <p>Hello Vite + React!</p>
         <p>
-          <button onClick={() => setCount(count => count + 1)}>count is: {count}</button>
+          <button onClick={() => setCount((count) => count + 1)}>
+            count is: {count}
+          </button>
         </p>
         <p>
           Edit <code>App.jsx</code> and save to test HMR updates.
@@ -20,13 +22,12 @@ function App() {
           className="App-link"
           href="https://reactjs.org"
           target="_blank"
-          rel="noopener noreferrer"
-        >
+          rel="noopener noreferrer">
           Learn React
         </a>
       </header>
     </div>
-  )
+  );
 }
 
-export default App
+export default App;

vite-helloworld/vite-helloworld/src/index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

vite-helloworld/vite-helloworld/src/main.jsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.css';
+import App from './App';
+
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  document.getElementById('root')
+);

vite-helloworld/vite-helloworld/vite.config.js

@@ -0,0 +1,12 @@
+// @ts-check
+const reactPlugin = require('vite-plugin-react');
+
+/**
+ * @type { import('vite').UserConfig }
+ */
+const config = {
+  jsx: 'react',
+  plugins: [reactPlugin],
+};
+
+module.exports = config;