playground: add help menu

Author: davidstackio

playground/nuxt.config.ts

@@ -1,4 +1,17 @@
-import { mdiAccountMultiple, mdiViewDashboard, mdiHome, mdiFirebase, mdiTestTube, mdiLogin, mdiAccountPlus, mdiAccountCog } from '@mdi/js'
+import {
+  mdiAccountCog,
+  mdiAccountMultiple,
+  mdiAccountPlus,
+  mdiCommentQuote,
+  mdiFirebase,
+  mdiForum,
+  mdiHome,
+  mdiLifebuoy,
+  mdiLogin,
+  mdiTelevisionPlay,
+  mdiTestTube,
+  mdiViewDashboard,
+} from '@mdi/js'
 
 export default defineNuxtConfig({
   modules: ['../src/module'],
@@ -67,6 +80,40 @@ export default defineNuxtConfig({
           icon: mdiAccountCog,
         },
       ],
+      // Help menu
+      altPrimary: [
+        {
+          title: '',
+          links: [
+            {
+              text: 'Getting Started',
+              href: '/signup/complete',
+              icon: mdiTelevisionPlay,
+            },
+          ],
+        },
+        {
+          title: 'GET IN TOUCH',
+          links: [
+            {
+              text: 'Join Our Community',
+              href: '/community',
+              icon: mdiForum,
+              openInNew: true,
+            },
+            {
+              text: 'Help & Support',
+              to: '/support',
+              icon: mdiLifebuoy,
+            },
+            {
+              text: 'Leave A Review',
+              to: '/review',
+              icon: mdiCommentQuote,
+            },
+          ],
+        },
+      ],
       // Overflow menu
       altSecondary: [
         {

src/runtime/components/app/AppHelpMenu.vue

@@ -38,6 +38,7 @@ const nuxtifyConfig = useNuxtifyConfig()
             :target="link.href ? '_blank' : undefined"
             :rel="link.href ? 'noopener noreferrer' : undefined"
             exact
+            slim
             color="secondary"
           >
             <template #prepend>