docs: UI docs (#102)

Author: rigor789

.github/workflows/ci.yml

@@ -5,6 +5,8 @@ on:
     branches: [main, docs/ui]
   pull_request:
     branches: [main, docs/ui]
+  merge_group:
+    branches: [main, docs/ui]
 
 jobs:
   build:

.gitignore

@@ -5,5 +5,7 @@ node_modules
 .vitepress/dist
 .vitepress/cache
 
+explore/
+
 yarn.lock
 .DS_Store

.textlintrc

@@ -72,6 +72,7 @@
         ["labelled", "labeled"],
         ["licence", "license"],
         ["organise", "organize"],
+        ["optimise", "optimize"],
 
         // Common misspellings
         ["gaurantee", "guarantee"],

.vitepress/config.mts

@@ -1,6 +1,7 @@
 import { defineConfig } from 'vitepress'
 import apiSidebar from '../content/api/sidebar.json'
 import mainSidebar from '../content/sidebar'
+import uiSidebar from '../content/ui/sidebar'
 import nav from './nav'
 import './theme/cliLanguage'
 import path from 'node:path'
@@ -36,6 +37,7 @@ export default defineConfig({
     nav,
     sidebar: {
       '/api': apiSidebar,
+      '/ui': uiSidebar,
       '/': mainSidebar,
     },
   },

.vitepress/nav.ts

@@ -12,21 +12,22 @@ export default [
   {
     text: 'Docs',
     link: '/',
-    activeMatch: '^/(?!plugins|best-practices|api|dev-reference|tutorials)',
+    activeMatch: '^/(?!plugins|best-practices|api|dev-reference|tutorials|ui)',
     icon: 'BookOpenIcon',
   },
-  {
-    text: 'Preview',
-    link: 'https://preview.nativescript.org',
-    icon: 'DevicePhoneMobileIcon',
-    target: '_blank',
-  },
+
   {
     text: 'Tutorials',
     link: '/tutorials/',
     activeMatch: '^/tutorials',
     icon: 'AcademicCapIcon',
   },
+  {
+    text: 'Preview',
+    link: 'https://preview.nativescript.org',
+    icon: 'DevicePhoneMobileIcon',
+    target: '_blank',
+  },
   {
     text: 'Plugins',
     link: '/soon',
@@ -44,6 +45,12 @@ export default [
     link: '/soon',
     icon: 'CpuChipIcon',
   },
+  {
+    text: 'UI Components',
+    link: '/ui/',
+    activeMatch: '^/ui',
+    icon: 'CubeTransparentIcon',
+  },
   {
     text: 'API Reference',
     link: '/api/',