chore: split code

packages/renderer/src/main.tsx

@@ -2,6 +2,7 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import App from './App'
 import './samples/electron-store'
+import './samples/preload-module'
 import './styles/index.css'
 
 const root = createRoot(document.getElementById('root')!)
@@ -13,11 +14,3 @@ root.render(
 )
 
 window.removeLoading()
-
-console.log('fs', window.fs)
-console.log('ipcRenderer', window.ipcRenderer)
-
-// Usage of ipcRenderer.on
-window.ipcRenderer.on('main-process-message', (_event, ...args) => {
-  console.log('[Receive Main-process message]:', ...args)
-})

packages/renderer/src/samples/preload-module.ts

@@ -0,0 +1,9 @@
+console.log('fs', window.fs)
+console.log('ipcRenderer', window.ipcRenderer)
+
+// Usage of ipcRenderer.on
+window.ipcRenderer.on('main-process-message', (_event, ...args) => {
+  console.log('[Receive Main-process message]:', ...args)
+})
+
+export default {}