doc: update development doc

Author: axiaoan

README.md

@@ -7,11 +7,11 @@ Vite plugin for vue Server-Side Rendering, Used express to create a server.
 ## Usage
 
 ```ts
-import routes from './routes'
 import { ViteSSR } from 'vite-ssr-vue3'
+import routes from './routes'
 import App from './App.vue'
 
-export const createApp = ViteSSR(App, { routes }, context => {
+export const createApp = ViteSSR(App, { routes }, (context) => {
   const { app, initialState } = context
 
   // if (import.meta.env.SSR) {
@@ -23,11 +23,11 @@ export const createApp = ViteSSR(App, { routes }, context => {
   // Use pinia to store your data
   const pinia = createPinia()
 
-  if (import.meta.env.SSR) {
+  if (import.meta.env.SSR)
     initialState.pinia = pinia.state.value
-  } else {
+
+  else
     pinia.state.value = initialState.pinia
-  }
 
   // do something
 })
@@ -43,18 +43,12 @@ const counts = await useFetch('counts', () => Promise.resolve([1, 2, 3]))
 
 ## Development
 
-use `example/basic` to start development.
-
-```powershell
-# Install root and workspace
-pnpm install
-# Install package to root
-pnpm install <package> -w
-# Install package to workspace's basic
-pnpm -F basic install <package>
-# Run dev
-pnpm example:dev
-```
+There are some examples in the **example** directory, you can execute the **package.json** script to start developing source with the sample.
+
+First, you should install the dependencies with command `pnpm install`, then run the `pnpm basic:dev` command to start developing, run `pnpm basic:serve` to view production environment effects.
+
++ `example/basic`: Basic usage with data fetching example
++ `example/naive-ui`: Naive UI example
 
 ## Thanks