docs: update documentation

Author: mrholek

docs/.vuepress/config.ts

@@ -9,6 +9,18 @@ export default defineUserConfig<DefaultThemeOptions>({
   lang: 'en-US',
   title: 'CoreUI for Vue.js',
   description: 'UI Components Library for Vue.js (Vue 3)',
+  head: [
+    // ['link', { rel: 'icon', href: '/logo.png' }],
+    ['link', { rel: 'manifest', href: '/favicon/manifest.json' }],
+    // ['meta', { name: 'theme-color', content: '#3eaf7c' }],
+    // ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
+    // ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
+    // ['link', { rel: 'apple-touch-icon', href: '/icons/apple-touch-icon-152x152.png' }],
+    // ['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#3eaf7c' }],
+    // ['meta', { name: 'msapplication-TileImage', content: '/icons/msapplication-icon-144x144.png' }],
+    // ['meta', { name: 'msapplication-TileColor', content: '#000000' }],
+    ['script', {src: 'https://media.ethicalads.io/media/client/ethicalads.min.js'}]
+  ],
   extendsMarkdown: (md) => {
     md.use(require('markdown-it-include')),
     md.renderer.rules.table_open = function(tokens, idx) {
@@ -221,6 +233,10 @@ export default defineUserConfig<DefaultThemeOptions>({
             text: 'Progress',
             link: `/${pkg.config.version_short}/components/progress.md`,
           },
+          {
+            text: 'Sidebar',
+            link: `/${pkg.config.version_short}/components/sidebar.md`,
+          },
           {
             text: 'Spinner',
             link: `/${pkg.config.version_short}/components/spinner.md`,

docs/.vuepress/public/favicon.ico

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

docs/.vuepress/public/favicons/android-icon-144x144.png

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

docs/.vuepress/public/favicons/android-icon-192x192.png

@@ -8,7 +8,11 @@
           <strong class="d-block h6 mb-2 pb-2 border-bottom">On this page</strong>
           <Toc />
         </div>
-        <div class="content"><Content /></div>
+        <!-- Show an image ad -->
+        <div class="content">
+          <div data-ea-publisher="coreui-io" data-ea-type="image"></div>
+          <Content />
+        </div>
       </div>
     </div>
 

docs/.vuepress/public/favicons/android-icon-36x36.png

@@ -9,7 +9,7 @@
       <span class="meta-item-info">{{ lastUpdated }}</span>
     </div>
 
-    <div
+    <!-- <div
       v-if="contributors && contributors.length"
       class="meta-item contributors"
     >
@@ -22,7 +22,7 @@
           <template v-if="index !== contributors.length - 1">, </template>
         </template>
       </span>
-    </div>
+    </div> -->
   </footer>
 </template>
 

docs/.vuepress/public/favicons/android-icon-48x48.png

@@ -7,9 +7,9 @@
 
     <slot name="top" />
 
-    <ul class="sidebar-nav">
+    <CSidebarNav>
       <SidebarChild v-for="item in sidebarItems" :key="item.link || item.text" :item="item" />
-    </ul>
+    </CSidebarNav>
 
     <slot name="bottom" />
   </aside>