docs: add docs for mobx-view-model-vite-plugin

Author: js2me

.changeset/stale-times-walk.md

@@ -0,0 +1,5 @@
+---
+"mobx-view-model": patch
+---
+
+added documentation about view plugin (`mobx-view-model-vite-plugin`)

docs/.vitepress/config.mts

@@ -199,7 +199,7 @@ export default defineConfig({
         items: [
           { text: 'Project examples', link: '/other/project-examples' },
           { text: 'Dependent packages', link: '/other/dependent-packages' },
-          // { text: 'Vite plugin for better HMR', link: '/other/dependent-packages' },
+          { text: 'Vite plugin', link: '/other/vite-plugin' },
         ],
       }
     ],

docs/other/dependent-packages.md

@@ -4,16 +4,19 @@ List of dependent `NPM` packages, libraries which based on this package or using
 
 ## mobx-wouter  
 
-It is a library for integration `Wouter` with `MobX`   
-[GitHub url](https://github.com/js2me/mobx-wouter)  
+`MobX` integration with `Wouter`  
+
+[**GitHub**](https://github.com/js2me/mobx-wouter)  
 
 ## mobx-route  
 
-It is a library for client-side routing on `MobX`  
-[GitHub url](https://github.com/js2me/mobx-route)   
+`MobX` client-side routing  
+
+[**GitHub**](https://github.com/js2me/mobx-route)   
 
 ## mobx-react-routing  
 
-It is a library for integration `react-router-dom` (6 version) with `MobX`   
-[GitHub url](https://github.com/js2me/mobx-react-routing)  
+`MobX` integration with `react-router-dom`   
+
+[**GitHub**](https://github.com/js2me/mobx-react-routing)  
 

docs/other/vite-plugin.md

@@ -0,0 +1,43 @@
+# Vite plugin   
+This library has a `Vite` plugin that **can** improve DX when using the library.   
+    
+
+## Installation   
+
+::: code-group
+
+```bash [npm]
+npm install mobx-view-model-vite-plugin
+```
+
+```bash [yarn]
+yarn add mobx-view-model-vite-plugin
+```
+
+```bash [pnpm]
+pnpm add mobx-view-model-vite-plugin
+```
+
+:::
+
+
+## Usage   
+
+Open your `vite.config.ts` and add this plugin  
+
+```ts{1,4-6}
+import { mobxViewModel } from "mobx-view-model-vite-plugin";
+...
+  plugins: [
+    mobxViewModel({
+      reloadOnChangeViewModel: true
+    })
+  ]
+...
+```
+
+## Features  
+
+### `reloadOnChangeViewModel`   
+
+This option enables reload page after your `ViewModel` change