fix: navigation and upgrade modules

.github/workflows/deploy.yml

@@ -23,7 +23,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 19
+          node-version: 20.9
 
       - uses: pnpm/action-setup@v2
         with:

apps/app/nuxt.config.ts

@@ -118,4 +118,4 @@ export default defineNuxtConfig({
     cssPath: "@/styles/main.css",
     viewer: false,
   },
-});
+});

apps/app/package.json

@@ -13,9 +13,11 @@
   "devDependencies": {
     "@nuxt/content": "npm:@nuxt/content-edge@latest",
     "@nuxtjs/fontaine": "^0.2.5",
-    "nuxt": "3.7.3",
-    "nuxt-schema-org": "^2.1.3",
-    "typescript": "^5.3.2"
+    "nuxt": "^3.9.3",
+    "nuxt-schema-org": "^3.3.3",
+    "nuxt-simple-robots": "^3.1.0",
+    "nuxt-simple-sitemap": "^4.4.1",
+    "typescript": "^5.3.3"
   },
   "dependencies": {
     "@clerk/clerk-js": "4.44.0",
@@ -31,7 +33,6 @@
     "@vueuse/core": "^10.3.0",
     "@vueuse/integrations": "^10.3.0",
     "eslint-config-custom": "workspace:*",
-    "nuxt-simple-sitemap": "^3.1.4",
     "nuxt-umami": "^2.5.2",
     "pinia": "^2.1.6",
     "splitpanes": "^3.1.5",

apps/www/app.vue

@@ -1,3 +1,22 @@
+<script setup lang="ts">
+useSchemaOrg([
+  defineOrganization({
+    name: "Menthor",
+    logo: "/brand/menthor-icon-dark.svg",
+    sameAs: [
+      "https://twitter.com/menthorlabs",
+      "https://github.com/menthorlabs/menthor",
+      "https://www.linkedin.com/company/menthorlabs",
+      "https://www.instagram.com/menthorlabs/",
+    ],
+  }),
+  defineWebSite({
+    name: "Menthor",
+  }),
+  defineWebPage(),
+]);
+</script>
+
 <template>
   <NuxtLayout class="text-zinc-950 bg-white">
     <NuxtPage />

apps/www/components/atoms/Header.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { useScroll } from "@vueuse/core";
 
-interface Item {
+type Item = {
   stargazers_count: number;
   forks_count: number;
-}
+};
 
-interface GitHubRepository {
+type GitHubRepository = {
   items: Item[];
-}
+};
 const { data: gitHub } = await useFetch<GitHubRepository>(
   "https://api.github.com/search/repositories?q=menthorlabs/menthor"
 );
@@ -95,7 +95,7 @@ onMounted(() => {
                   <AtomsHeaderCardLink
                     icon="fab fa-discord"
                     title="Discord"
-                    description="Junte-se a mais de 2000 alunos."
+                    description="Junte-se a mais de 3000 alunos."
                   />
                 </nuxt-link>
                 <nuxt-link
@@ -112,7 +112,7 @@ onMounted(() => {
                 <nuxt-link
                   external
                   target="_blank"
-                  to="https://pixmeacoffee.vercel.app/menthor"
+                  to="https://github.com/sponsors/menthorlabs"
                 >
                   <AtomsHeaderCardLink
                     icon="hand-holding-dollar"

apps/www/components/home/Hero.vue

@@ -105,7 +105,7 @@ const cards = [
         target="_blank"
         external
       >
-        ✨ Junte-se a uma comunidade de mais de 2000 alunos!
+        ✨ Faça networking com mais de 3000 alunos!
       </nuxt-link>
       <!-- <h2
         class="mb-3 text-center text-xs font-semibold uppercase text-zinc-500"

apps/www/layouts/default.vue

@@ -1,21 +1,6 @@
 <script setup lang="ts">
 const route = useRoute();
-useSchemaOrg([
-  defineOrganization({
-    name: "Menthor",
-    logo: "/brand/menthor-icon-dark.svg",
-    sameAs: [
-      "https://twitter.com/menthorlabs",
-      "https://github.com/menthorlabs/menthor",
-      "https://www.linkedin.com/company/menthorlabs",
-      "https://www.instagram.com/menthorlabs/",
-    ],
-  }),
-  defineWebSite({
-    name: route.meta.title ? `Menthor | ${route.meta.title}` : "Menthor",
-  }),
-  defineWebPage(),
-]);
+
 useHead({
   titleTemplate: (): string =>
     route.meta.title ? `Menthor | ${route.meta.title}` : "Menthor",

apps/www/nuxt.config.ts

@@ -6,6 +6,9 @@ export default defineNuxtConfig({
   colorMode: {
     preference: "light",
   },
+  experimental: {
+    payloadExtraction: true,
+  },
   runtimeConfig: {
     public: {
       siteUrl: process.env.NUXT_PUBLIC_SITE_URL || "https://menthor.io/",
@@ -58,6 +61,9 @@ export default defineNuxtConfig({
     "@vueuse/nuxt",
     "@nuxt/content",
   ],
+  schemaOrg: {
+    identity: "Organization",
+  },
   vite: {
     plugins: [eslintPlugin()],
   },

apps/www/package.json

@@ -11,10 +11,10 @@
   },
   "devDependencies": {
     "@nuxtjs/fontaine": "^0.2.5",
-    "nuxt": "3.7.3",
-    "nuxt-schema-org": "^2.2.0",
+    "nuxt": "^3.9.3",
+    "nuxt-schema-org": "^3.3.3",
     "nuxt-simple-robots": "^3.1.0",
-    "nuxt-simple-sitemap": "^3.1.4",
+    "nuxt-simple-sitemap": "^4.4.1",
     "typescript": "^5.3.2"
   },
   "dependencies": {
@@ -23,8 +23,8 @@
     "@fortawesome/free-regular-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/vue-fontawesome": "^3.0.3",
-    "@nuxt/content": "^2.9.0",
-    "@nuxt/image": "^1.1.0",
+    "@nuxt/content": "^2.11.0",
+    "@nuxt/image": "^1.3.0",
     "@nuxt/ui": "^2.11.0",
     "@vueuse/nuxt": "^10.3.0",
     "eslint-config-custom": "workspace:*",

package.json

@@ -24,8 +24,7 @@
     }
   },
   "resolutions": {
-    "nitropack": "2.7.2",
-    "@nuxt/kit": "3.7.4"
+    "vue": "3.4.15"
   },
   "name": "my-turborepo",
   "packageManager": "pnpm@8.6.9"

packages/eslint-config-custom/index.js

@@ -30,6 +30,7 @@ module.exports = {
     navigationItem: "readonly",
     useColorMode: "readonly",
     availableBadges: "readonly",
+    useSchemaOrg: "readonly",
   },
   parser: "vue-eslint-parser",
   parserOptions: {