Fix/docs 1 (#170)

* fix: add guide link to footer component

* fix: add .vitepress/dist and .vitepress/cache to .gitignore

* fix: update navigation link from 'Examples' to 'Demo' in VitePress config

* fix: add .vitepress/.temp to .gitignore

* fix: update documentation with installation, integration, and usage details; remove outdated examples

* fix: update navigation links and add demo documentation; remove demo section from quick-start

* fix: enhance documentation with new sections for About, Language Support, Automatic Draft Recovery, and Providing Configuration; update navigation links

* fix: update documentation with new sections for Information, Rendering HTML Output, and Retrieving HTML for Submission; enhance navigation links

* fix: update navigation links for Getting Started; add new documentation for restoring previously saved content

* fix: add new documentation sections for Publish Changes and Use in Modal; update navigation links

* fix: add new documentation sections for Styling and Troubleshooting; update navigation links

* fix: add Guide section to documentation; update navigation links

* Remove outdated documentation and add new guides for custom HTML builder elements and media library integration

* fix: update site title and tagline; add favicon and improve head configuration

* fix: remove Google Fonts import for Jost and streamline font family declaration

* fix: update version to 3.4.88 in package.json

Author: qaiswardag

.gitignore

@@ -29,4 +29,8 @@ LOCAL_DEVELOPMENT.md
 /public/css/app.css
 /public/js/app.js
 new_release/
-/missing-translations.txt
+/missing-translations.txt
+
+.vitepress/dist
+.vitepress/cache
+.vitepress/.temp

.vitepress/cache/deps/_metadata.json

@@ -1,43 +1,43 @@
 {
-  "hash": "93f62d33",
+  "hash": "a9ff6cd6",
   "configHash": "3479b32c",
-  "lockfileHash": "7c5f4818",
-  "browserHash": "47c4f132",
+  "lockfileHash": "8b6788ae",
+  "browserHash": "5a798d95",
   "optimized": {
     "vue": {
       "src": "../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
       "file": "vue.js",
-      "fileHash": "4c54357b",
+      "fileHash": "f9ad5954",
       "needsInterop": false
     },
     "vitepress > @vue/devtools-api": {
       "src": "../../../node_modules/vitepress/node_modules/@vue/devtools-api/dist/index.js",
       "file": "vitepress___@vue_devtools-api.js",
-      "fileHash": "0c7c45e8",
+      "fileHash": "82315b95",
       "needsInterop": false
     },
     "vitepress > @vueuse/core": {
       "src": "../../../node_modules/@vueuse/core/dist/index.js",
       "file": "vitepress___@vueuse_core.js",
-      "fileHash": "ccc1e8c5",
+      "fileHash": "77af0a9c",
       "needsInterop": false
     },
     "vitepress > @vueuse/integrations/useFocusTrap": {
       "src": "../../../node_modules/@vueuse/integrations/dist/useFocusTrap.js",
       "file": "vitepress___@vueuse_integrations_useFocusTrap.js",
-      "fileHash": "bee44db6",
+      "fileHash": "a3df1882",
       "needsInterop": false
     },
     "vitepress > mark.js/src/vanilla.js": {
       "src": "../../../node_modules/mark.js/src/vanilla.js",
       "file": "vitepress___mark__js_src_vanilla__js.js",
-      "fileHash": "8d877008",
+      "fileHash": "5246dccf",
       "needsInterop": false
     },
     "vitepress > minisearch": {
       "src": "../../../node_modules/minisearch/dist/es/index.js",
       "file": "vitepress___minisearch.js",
-      "fileHash": "76b40397",
+      "fileHash": "3d02d0f8",
       "needsInterop": false
     }
   },

.vitepress/config.ts

@@ -3,11 +3,22 @@ import { defineConfig } from 'vitepress'
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
   srcDir: 'docs',
-
-  title: 'Vue 3 Page Builder',
+  title: 'Vue 3 Page Builder Guide',
   description:
     'Vue 3 Drag & Drop Page Builder. Power your vision and build impressive, modern pages. A web builder designed for stunning results. Enable users to design and publish responsive pages—such as listings, job posts, or blogs—at any scale. Easily manage and update content with flexibility.',
   base: '/vue-website-page-builder/',
+  head: [
+    ['link', { rel: 'icon', href: '/vue-website-page-builder/favicon.ico' }],
+    ['link', { rel: 'preconnect', href: 'https://fonts.googleapis.com' }],
+    ['link', { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: '' }],
+    [
+      'link',
+      {
+        href: 'https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap',
+        rel: 'stylesheet',
+      },
+    ],
+  ],
   themeConfig: {
     search: {
       provider: 'local',
@@ -16,20 +27,41 @@ export default defineConfig({
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       { text: 'Home', link: '/' },
-      { text: 'Examples', link: '/markdown-examples' },
+      { text: 'Getting Started', link: '/getting-started' },
+      { text: 'Demo', link: 'https://mybuilder.dev' },
     ],
 
     sidebar: [
       {
         text: 'Guide',
         items: [
-          { text: 'Markdown Examples', link: '/markdown-examples' },
-          { text: 'Runtime API Examples', link: '/api-examples' },
+          { text: 'Demo', link: '/demo' },
+          { text: 'Information', link: '/information' },
+          { text: 'Getting Started', link: '/getting-started' },
+          { text: 'Installation', link: '/installation' },
+          { text: 'Nuxt Integration', link: '/nuxt-integration' },
+          { text: 'Vue Integration', link: '/vue-integration' },
+          { text: 'Providing Configuration', link: '/providing-configuration' },
+          { text: 'Language Support', link: '/language-support' },
+          { text: 'Automatic Draft Recovery', link: '/automatic-draft-recovery' },
+          { text: 'Retrieving HTML for Submission', link: '/retrieving-html-for-submission' },
+          { text: 'Restoring Previously Content', link: '/restoring-previously-content' },
+          { text: 'Rendering HTML Output', link: '/rendering-html-output' },
+          { text: 'Publish Changes', link: '/publish-changes' },
+          { text: 'Use in Modal', link: '/use-in-modal' },
+          { text: 'Styling', link: '/styling' },
+          { text: 'Custom Media Library', link: '/custom-media-library' },
+          { text: 'Unsplash Integration', link: '/unsplash' },
+          { text: 'Custom HTML Builder Elements', link: '/custom-html-builder-elements' },
+          { text: 'Troubleshooting', link: '/troubleshooting' },
         ],
       },
     ],
     socialLinks: [
       { icon: 'github', link: 'https://github.com/myissue-studio/vue-website-page-builder' },
     ],
+    footer: {
+      message: 'Released under the MIT License.',
+    },
   },
 })