docs: restructure documentation for better organization

Author: AndreyYolkin

docs/.vitepress/config.ts

@@ -56,47 +56,20 @@ export default withPwa(defineConfig({
       {
         text: 'Getting Started',
         link: '/guide/',
-      }, {
-        text: 'Globals',
-        items: [{
-          text: 'Globals',
-          link: '/guide/globals/',
-        }, {
-          text: 'Global Components',
-          link: '/guide/globals/global-components',
-        }, {
-          text: 'Directives',
-          link: '/guide/globals/directives',
-        }, {
-          text: 'Lab Components',
-          link: '/guide/globals/lab-components',
-        }],
-      }, {
-        text: 'Icons',
-        items: [{
-          text: 'Icons',
-          link: '/guide/icons/',
-        }, {
-          text: 'UnoCSS Preset Icons',
-          link: '/guide/icons/unocss-preset-icons',
-        }, {
-          text: 'Font Icons',
-          link: '/guide/icons/font-icons',
-        }, {
-          text: 'SVG Icons',
-          link: '/guide/icons/svg-icons',
-        }, {
-          text: 'Integrations',
-          link: '/guide/icons/integrations',
-        }],
       },
       {
-        text: 'I18N',
-        link: '/guide/i18n',
+        text: 'Configuration',
+        link: '/guide/configuration/vuetify-options',
       },
       {
-        text: 'Date',
-        link: '/guide/date',
+        text: 'Features',
+        items: [
+          { text: 'Globals', link: '/guide/features/globals/' },
+          { text: 'Icons', link: '/guide/features/icons/' },
+          { text: 'I18N', link: '/guide/features/i18n' },
+          { text: 'Date', link: '/guide/features/date' },
+          { text: 'SSR', link: '/guide/features/ssr' },
+        ],
       },
       {
         text: `v${version}`,
@@ -123,58 +96,58 @@ export default withPwa(defineConfig({
     ],
     sidebar: [
       {
-        text: 'Guide',
+        text: 'Getting Started',
         items: [
-          { text: 'Getting Started', link: '/guide/' },
-          { text: 'Compatibility Matrix', link: '/guide/compatibility-matrix' },
+          { text: 'Introduction', link: '/guide/' },
+          { text: 'Compatibility Matrix', link: '/guide/getting-started/compatibility' },
         ],
       },
       {
         text: 'Configuration',
         items: [
-          { text: 'Vuetify Configuration File', link: '/guide/vuetify-configuration-file' },
-          { text: 'SASS Customization', link: '/guide/sass-customization' },
-          { text: 'Transform Asset URLs', link: '/guide/transform-asset-urls' },
-        ],
-      },
-      {
-        text: 'Nuxt Integration',
-        items: [
-          { text: 'Nuxt Layers and Module Hooks', link: '/guide/nuxt-layers-and-module-hooks' },
-          { text: 'Nuxt Runtime Hooks', link: '/guide/nuxt-runtime-hooks' },
-          { text: 'Server Side Rendering (SSR)', link: '/guide/server-side-rendering' },
+          { text: 'Vuetify Options', link: '/guide/configuration/vuetify-options' },
+          { text: 'SASS Customization', link: '/guide/configuration/sass' },
+          { text: 'Blueprints', link: '/guide/configuration/blueprints' },
+          { text: 'Transform Asset URLs', link: '/guide/configuration/transform-assets' },
         ],
       },
       {
         text: 'Features',
         items: [
-          { text: 'Vuetify Composables', link: '/guide/vuetify-composables' },
-          { text: 'Vuetify Blueprints', link: '/guide/vuetify-blueprints' },
-          { text: 'Vuetify Locale Messages', link: '/guide/vuetify-locale-messages' },
-          { text: 'Internationalization', link: '/guide/i18n' },
-          { text: 'Date Support', link: '/guide/date' },
-        ],
-      },
-      {
-        text: 'Globals',
-        link: '/guide/globals/',
-        items: [
-          { text: 'Global Components', link: '/guide/globals/global-components' },
-          { text: 'Directives', link: '/guide/globals/directives' },
-          { text: 'Lab Components', link: '/guide/globals/lab-components' },
+          {
+            text: 'Globals',
+            collapsed: true,
+            link: '/guide/features/globals/',
+            items: [
+              { text: 'Global Components', link: '/guide/features/globals/global-components' },
+              { text: 'Directives', link: '/guide/features/globals/directives' },
+              { text: 'Lab Components', link: '/guide/features/globals/lab-components' },
+            ],
+          },
+          {
+            text: 'Icons',
+            collapsed: true,
+            link: '/guide/features/icons/',
+            items: [
+              { text: 'UnoCSS Preset Icons', link: '/guide/features/icons/unocss-preset-icons' },
+              { text: 'Font Icons', link: '/guide/features/icons/font-icons' },
+              { text: 'SVG Icons', link: '/guide/features/icons/svg-icons' },
+              { text: 'Integrations', link: '/guide/features/icons/integrations' },
+            ],
+          },
+          { text: 'Internationalization', link: '/guide/features/i18n' },
+          { text: 'Date Support', link: '/guide/features/date' },
+          { text: 'SSR', link: '/guide/features/ssr' },
+          { text: 'Composables', link: '/guide/features/composables' },
         ],
-        collapsed: true,
       },
       {
-        text: 'Icons',
-        link: '/guide/icons/',
+        text: 'Advanced',
         items: [
-          { text: 'UnoCSS Preset Icons', link: '/guide/icons/unocss-preset-icons' },
-          { text: 'Font Icons', link: '/guide/icons/font-icons' },
-          { text: 'SVG Icons', link: '/guide/icons/svg-icons' },
-          { text: 'Integrations', link: '/guide/icons/integrations' },
+          { text: 'Layers & Module Hooks', link: '/guide/advanced/layers-and-hooks' },
+          { text: 'Runtime Hooks', link: '/guide/advanced/runtime-hooks' },
+          { text: 'Locale Messages', link: '/guide/advanced/locale-messages' },
         ],
-        collapsed: true,
       },
       {
         text: 'Help',

…cs/guide/nuxt-layers-and-module-hooks.md docs/guide/advanced/layers-and-hooks.mddocs/guide/nuxt-layers-and-module-hooks.md renamed to docs/guide/advanced/layers-and-hooks.md docs/guide/nuxt-layers-and-module-hooks.md renamed to docs/guide/advanced/layers-and-hooks.md

@@ -4,9 +4,9 @@ This module configures and registers Vuetify using Nuxt plugins via `vuetify:con
 
 `vuetify:configuration` hook is for internal use and not meant to be used by third-party plugins or directly from your application.
 This module will expose only the necessary Nuxt plugins to configure Vuetify using the options you've configured in your application:
-- [icons](/guide/icons/): this Nuxt plugin is always registered, you can write your own Nuxt plugin via `vuetifyOptions.icons.defaultSet = 'custom'` Nuxt configuration option, you have an example using UnoCSS in [Adding a new Vuetify icon set](/guide/icons/unocss-preset-icons#adding-a-new-vuetify-icon-set), replace the icons with your custom ones.
-- [i18n](/guide/i18n): this Nuxt plugin will be only registered when `@nuxtjs/i18n` module is configured.
-- [date](/guide/date): this Nuxt plugin will be only registered when `vuetifyOptions.date` Nuxt configuration option is configured.
+- [icons](/guide/features/icons/): this Nuxt plugin is always registered, you can write your own Nuxt plugin via `vuetifyOptions.icons.defaultSet = 'custom'` Nuxt configuration option, you have an example using UnoCSS in [Adding a new Vuetify icon set](/guide/features/icons/unocss-preset-icons#adding-a-new-vuetify-icon-set), replace the icons with your custom ones.
+- [i18n](/guide/features/i18n): this Nuxt plugin will be only registered when `@nuxtjs/i18n` module is configured.
+- [date](/guide/features/date): this Nuxt plugin will be only registered when `vuetifyOptions.date` Nuxt configuration option is configured.
 
 If you need to update the Vuetify configuration before calling `createVuetify` and registering the plugin, you can use the `vuetify:before-create` hook in your Nuxt Plugin:
 ```ts

docs/guide/vuetify-locale-messages.md docs/guide/advanced/locale-messages.mddocs/guide/vuetify-locale-messages.md renamed to docs/guide/advanced/locale-messages.md

@@ -7,4 +7,4 @@ The module supports Vuetify Blueprints, just add it to the `vuetifyOptions.bluep
 - `locale` will be ignored, configure it using the `vuetifyOptions.locale` module option
 - `date` will be ignored, configure it using the `vuetifyOptions.date` module option
 - `icons` will be ignored, configure it using the `vuetifyOptions.icons` module option
-- `aliases` only supports defining aliases with [strings](/guide/globals/global-components.html#aliasing-global-component), using a component type will result in error (`Cannot start nuxt:  Unexpected token '.'`)
+- `aliases` only supports defining aliases with [strings](/guide/features/globals/global-components.html#aliasing-global-component), using a component type will result in error (`Cannot start nuxt:  Unexpected token '.'`)

docs/guide/nuxt-runtime-hooks.md docs/guide/advanced/runtime-hooks.mddocs/guide/nuxt-runtime-hooks.md renamed to docs/guide/advanced/runtime-hooks.md

@@ -1,4 +1,4 @@
-# Vuetify Configuration File
+# Vuetify Options
 
 You can register Vuetify options using a file, the file path **must** be relative to the root folder.