feat: show vite.config mention in sidebar project structure for awareness

Author: NathanWalker

content/project-structure/vite-config.md

@@ -0,0 +1,27 @@
+---
+title: vite.config.ts
+description: NativeScript apps can be bundled with Vite, giving you flexibility to configure it any way you need it.
+contributors:
+  - NathanWalker
+---
+
+At anytime you can switch to Vite build tooling if you prefer. The bundling process can be further customized via the `vite.config.ts`.
+
+### Default vite config
+
+By default, the vite config will automatically configure everything for your project, and should looks something like this:
+
+```js
+import { defineConfig, mergeConfig, UserConfig } from 'vite'
+import { typescriptConfig } from '@nativescript/vite'
+
+export default defineConfig(({ mode }): UserConfig => {
+  return mergeConfig(typescriptConfig({ mode }), {})
+})
+```
+
+::: tip Read More
+
+:point_right: [NativeScript Vite Reference](/configuration/vite)
+
+:::

content/sidebar.ts

@@ -123,6 +123,11 @@ export default [
         link: '/project-structure/tsconfig-json',
         icon: 'file',
       },
+      {
+        text: 'vite.config.ts',
+        link: '/project-structure/vite-config',
+        icon: 'file',
+      },
       {
         text: 'webpack.config.js',
         link: '/project-structure/webpack-config',