Added 'Terms of Service' and 'Privacy policy' pages

app/layouts/default/Sidebar.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
-import { BookOpen, ChevronRight, HandCoins, Settings2, SquareTerminal } from "lucide-vue-next";
+import { useRuntimeConfig } from "#app";
+import { BookOpen, BookOpenText, ChevronRight, HandCoins, Settings2, SquareTerminal } from "lucide-vue-next";
 
 import {
   Sidebar,
@@ -53,6 +54,16 @@ const data = {
         { title: "Changelog", url: "#" },
       ],
     },
+    {
+      title: "Legal",
+      url: "#",
+      icon: BookOpenText,
+      isActive: true,
+      items: [
+        { title: "Terms of Service", url: "/legal/terms-of-service" },
+        { title: "Privacy Policy", url: "/legal/privacy-policy" },
+      ],
+    },
     {
       title: "Settings",
       url: "#",
@@ -85,6 +96,8 @@ const props = withDefaults(defineProps<SidebarLayoutProps>(), {
 });
 
 const navMain = computed(() => props.navItems || data.navMain);
+
+const config = useRuntimeConfig();
 </script>
 
 <template>
@@ -101,7 +114,7 @@ const navMain = computed(() => props.navItems || data.navMain);
               </div>
               <div class="flex flex-col gap-0.5 leading-none">
                 <span class="font-bold text-primary">Glowing Fiesta</span>
-                <span>v1.0.0</span>
+                <span>v{{ config.public.appVersion }}</span>
               </div>
             </NuxtLink>
           </SidebarMenuButton>