Started to add onboarding dialog to home view

src/views/HomeView.vue

@@ -164,6 +164,12 @@
           >
             Ideas...
           </button>
+          <button
+            @click="startOnboardingDialog()"
+            class="block text-center text-md font-bold bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md"
+          >
+            (v-onboarding)
+          </button>
         </div>
       </div>
     </div>
@@ -174,6 +180,7 @@
       showGivenToUser="true"
     />
     <GiftedPrompts ref="giftedPrompts" />
+    <OnboardingDialog ref="onboardingDialog" />
 
     <!-- Results List -->
     <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
@@ -257,6 +264,7 @@ import GiftedPrompts from "@/components/GiftedPrompts.vue";
 import InfiniteScroll from "@/components/InfiniteScroll.vue";
 import QuickNav from "@/components/QuickNav.vue";
 import TopMessage from "@/components/TopMessage.vue";
+import OnboardingDialog from "@/components/OnboardingDialog.vue";
 import { NotificationIface } from "@/constants/app";
 import { db, accountsDB } from "@/db/index";
 import { Account } from "@/db/tables/accounts";
@@ -291,6 +299,7 @@ interface GiveRecordWithContactInfo extends GiveServerRecord {
     EntityIcon,
     InfiniteScroll,
     TopMessage,
+    OnboardingDialog,
   },
 })
 export default class HomeView extends Vue {
@@ -578,5 +587,9 @@ export default class HomeView extends Vue {
   openGiftedPrompts() {
     (this.$refs.giftedPrompts as GiftedPrompts).open();
   }
+
+  startOnboardingDialog() {
+    /* Start the onboarding dialog here. */
+  }
 }
 </script>