chore: Update docs

Author: igorjacauna

docs/app/app.config.ts

@@ -1,7 +1,7 @@
 export default defineAppConfig({
   ui: {
     colors: {
-      primary: 'green',
+      primary: 'reactmos-blue',
       neutral: 'slate'
     }
   },
@@ -17,12 +17,12 @@ export default defineAppConfig({
     siteName: 'Reactmos - Build React SPAs with modules'
   },
   header: {
-    title: '',
+    title: 'Reactmos',
     to: '/',
     logo: {
       alt: '',
-      light: '',
-      dark: ''
+      light: '/light.png',
+      dark: '/dark.png'
     },
     search: true,
     colorMode: true,
@@ -47,7 +47,7 @@ export default defineAppConfig({
     title: 'Table of Contents',
     bottom: {
       title: 'Community',
-      edit: 'https://github.com/nuxt-ui-pro/docs/edit/v3/content',
+      edit: 'https://github.com/igorjacauna/reactmos/docs/content',
       links: [{
         icon: 'i-lucide-star',
         label: 'Star on GitHub',
@@ -56,4 +56,4 @@ export default defineAppConfig({
       }]
     }
   }
-})
+})

docs/app/assets/css/main.css

@@ -6,15 +6,15 @@
 @theme static {
   --font-sans: 'Public Sans', sans-serif;
 
-  --color-green-50: #EFFDF5;
-  --color-green-100: #D9FBE8;
-  --color-green-200: #B3F5D1;
-  --color-green-300: #75EDAE;
-  --color-green-400: #00DC82;
-  --color-green-500: #00C16A;
-  --color-green-600: #00A155;
-  --color-green-700: #007F45;
-  --color-green-800: #016538;
-  --color-green-900: #0A5331;
-  --color-green-950: #052E16;
+  --color-reactmos-blue-50: #eefbfd;
+  --color-reactmos-blue-100: #d4f3f9;
+  --color-reactmos-blue-200: #aee6f3;
+  --color-reactmos-blue-300: #77d2e9;
+  --color-reactmos-blue-400: #38b5d8;
+  --color-reactmos-blue-500: #1c97bd;
+  --color-reactmos-blue-600: #1a7aa0;
+  --color-reactmos-blue-700: #1c6382;
+  --color-reactmos-blue-800: #1f526b;
+  --color-reactmos-blue-900: #1e445b;
+  --color-reactmos-blue-950: #0e2c3e;
 }

docs/content/1.getting-started/1.index.md

@@ -9,82 +9,55 @@ seo:
 
 Reactmos comes from **REACT MOduleS**. The idea is to create SPA applications with React using separate modules. You can progressively expand your application.
 
-This is a work in progress, and many things may change.
+::warning
+Reactmos is under heavy development. Use with caution. Many things may change
+::
 
 For now, these are the implemented features:
 
 ::card-group
-  :::card
-  ---
-  icon: i-simple-icons-nuxtdotjs
-  target: _blank
-  title: Routes
-  to: https://nuxt.com
-  ---
-  The Nuxt website
-  :::
 
   :::card
   ---
-  icon: i-simple-icons-nuxtdotjs
   target: _blank
-  title: Nuxt UI
-  to: https://ui3.nuxt.dev
+  title: Modules
+  to: /features/modules
   ---
-  The documentation of `@nuxt/ui` and `@nuxt/ui-pro`
+  How create and extends modules
   :::
 
   :::card
   ---
-  icon: i-simple-icons-nuxtdotjs
   target: _blank
-  title: Nuxt Image
-  to: https://image.nuxt.com
-  ---
-  The documentation of `@nuxt/image`
-  :::
-
-  :::card
-  ---
-  icon: i-simple-icons-nuxtdotjs
-  target: _blank
-  title: Nuxt Content
-  to: https://content.nuxt.com
+  title: Routes
+  to: /features/routes
   ---
-  The documentation of `@nuxt/content`
+  How configure routes
   :::
 
   :::card
   ---
-  icon: i-simple-icons-nuxtdotjs
   target: _blank
-  title: Nuxt Devtools
-  to: https://devtools.nuxt.com
+  title: Hooks
+  to: /features/hooks
   ---
-  The documentation of `@nuxt/devtools`
+  Use lifecycle hooks and custom hooks
   :::
 
   :::card
   ---
-  icon: i-simple-icons-nuxtdotjs
   target: _blank
-  title: Nuxt Hub
-  to: https://hub.nuxt.com
+  title: Extra configs
+  to: /features/extra-configs
   ---
-  The best place to manage your projects, environments and variables.
+  Share extra configs between modules
   :::
 ::
 
-## Key Features
+## Roadmap
 
-This template includes a range of features designed to streamline documentation management:
+We have planned the following for the future:
 
-- **Powered by** [**Nuxt 3**](https://nuxt.com): Utilizes the latest Nuxt framework for optimal performance.
-- **Built with** [**Nuxt UI**](https://ui3.nuxt.dev) **and** [**Nuxt UI Pro**](https://ui3.nuxt.dev/pro): Integrates a comprehensive suite of UI components.
-- [**MDC Syntax**](https://content.nuxt.com/usage/markdown) **via** [**Nuxt Content**](https://content.nuxt.com): Supports Markdown with component integration for dynamic content.
-- [**Nuxt Studio**](https://content.nuxt.com/docs/studio) **Compatible**: Offers integration with Nuxt Studio for content editing.
-- **Auto-generated Sidebar Navigation**: Automatically generates navigation from content structure.
-- **Full-Text Search**: Includes built-in search functionality for content discovery.
-- **Optimized Typography**: Features refined typography for enhanced readability.
-- **Dark Mode**: Offers dark mode support for user preference.
-- **Extensive Functionality**: Explore the template to fully appreciate its capabilities.
+- **publicDir**: Use modules public directories to serve static assets
+- **loadingHTML**: Use a HTML file as a loading screen until the boot proccess finish. This can be overridden by a module.
+- Anything else...

docs/content/1.getting-started/2.installation.md

@@ -1,28 +1,35 @@
 ---
 title: Installation
-description: Get started with Nuxt UI Pro documentation template.
+description: Get started with Reactmos.
 navigation.icon: i-lucide-download
 ---
 
-::tip{target="_blank" to="https://content.nuxt.com/templates/docs"}
-Use this template on Nuxt Studio and start your documentation in seconds.
+::warning
+Reactmos is under heavy development. Use with caution.
 ::
 
 ## Quick Start
 
 You can start a fresh new project with:
 
 ```bash [Terminal]
-npx nuxi init -t github:nuxt-ui-pro/docs
+pnpm create reactmos my-module
 ```
 
-or create a new repository from GitHub:
+or create a new project with:
 
-1. Open <https://github.com/nuxt-ui-pro/docs>
-2. Click on `Use this template` button
-3. Enter repository name and click on `Create repository from template` button
-4. Clone your new repository
-5. Install dependencies with your favorite package manager
-6. Start development server
+1. Install `reactmos`: `pnpm add reactmos`
+2. Add `@reactmos/cli` as development dependency: `pnpm add -D @reactmos/cli`
+3. Add the scripts to `package.json`:
+```json
+"dev": "reactmox dev",
+"build": "reactmox build"
+```
+4. Create a configuration file in `src/module.config.ts`
+```ts
+export default {
+  moduleName: 'my-module'
+}
+```
 
-That's it! You can now start writing your documentation in the [`content/`](https://content.nuxt.com/usage/content-directory) directory 🚀
+That's it! You can now start writing your application!