chore: cleanup assets

README.md

@@ -24,11 +24,11 @@ English | [简体中文](README.zh-CN.md)
 npm create electron-vite
 ```
 
-![electron-vite-react.gif](/public/electron-vite-react.gif)
+![electron-vite-react.gif](/electron-vite-react.gif)
 
 ## 🐞 Debug
 
-![electron-vite-react-debug.gif](/public/electron-vite-react-debug.gif)
+![electron-vite-react-debug.gif](/electron-vite-react-debug.gif)
 
 ## 📂 Directory structure
 

README.zh-CN.md

@@ -23,11 +23,11 @@
 npm create electron-vite
 ```
 
-![electron-vite-react.gif](/public/electron-vite-react.gif)
+![electron-vite-react.gif](/electron-vite-react.gif)
 
 ## 调试
 
-![electron-vite-react-debug.gif](/public/electron-vite-react-debug.gif)
+![electron-vite-react-debug.gif](/electron-vite-react-debug.gif)
 
 ## 目录
 

src/App.tsx

@@ -1,6 +1,7 @@
-import nodeLogo from './assets/node.svg'
 import { useState } from 'react'
 import Update from '@/components/update'
+import logoVite from './assets/logo-vite.svg'
+import logoElectron from './assets/logo-electron.svg'
 import './App.scss'
 
 console.log('[App.tsx]', `Hello world from Electron ${process.versions.electron}!`)
@@ -11,8 +12,8 @@ function App() {
     <div className='App'>
       <div className='logo-box'>
         <a href='https://github.com/electron-vite/electron-vite-react' target='_blank'>
-          <img src='./vite.svg' className='logo vite' alt='Electron + Vite logo' />
-          <img src='./electron.svg' className='logo electron' alt='Electron + Vite logo' />
+          <img src={logoVite} className='logo vite' alt='Electron + Vite logo' />
+          <img src={logoElectron} className='logo electron' alt='Electron + Vite logo' />
         </a>
       </div>
       <h1>Electron + Vite + React</h1>
@@ -28,7 +29,7 @@ function App() {
         Click on the Electron + Vite logo to learn more
       </p>
       <div className='flex-center'>
-        Place static files into the<code>/public</code> folder <img style={{ width: '5em' }} src={nodeLogo} alt='Node logo' />
+        Place static files into the<code>/public</code> folder <img style={{ width: '5em' }} src='./node.svg' alt='Node logo' />
       </div>
 
       <Update />