feat: social menu and tally

menthorlabs · Nov 28, 2023 · a3b84ea · a3b84ea
1 parent 25ee9b5
commit a3b84ea
Show file tree

Hide file tree

Showing 11 changed files with 76 additions and 206 deletions.
diff --git a/apps/app/package.json b/apps/app/package.json
@@ -13,7 +13,6 @@
   "devDependencies": {
     "@nuxt/content": "npm:@nuxt/content-edge@latest",
     "@nuxtjs/fontaine": "^0.2.5",
-    "@types/node": "^20.10.0",
     "nuxt": "3.7.3",
     "nuxt-schema-org": "^2.1.3",
     "typescript": "^5.3.2"

diff --git a/apps/app/tailwind.config.ts b/apps/app/tailwind.config.ts
@@ -1,39 +1 @@
-import type { Config } from "tailwindcss";
-import defaultTheme from "tailwindcss/defaultTheme";
-
-export default <Partial<Config>>{
-  theme: {
-    aspectRatio: {
-      auto: "auto",
-      square: "1 / 1",
-      video: "16 / 9",
-    },
-    extend: {
-      fontFamily: {
-        sans: [
-          "Mona-Sans",
-          "Mona-Sans override",
-          ...defaultTheme.fontFamily.sans,
-        ],
-      },
-      backgroundImage: {
-        pattern: "url('/patterns/default.svg')",
-      },
-      container: {
-        center: true,
-        padding: {
-          DEFAULT: "1rem",
-          sm: "2rem",
-          md: "2.5rem",
-          lg: "2.5rem",
-        },
-      },
-      screens: {
-        sm: "640px",
-        md: "768px",
-        lg: "1024px",
-        xl: "1190px",
-      },
-    },
-  },
-};
+module.exports = require("../../packages/tailwind-config/tailwind.config.ts");
diff --git a/apps/www/app.vue b/apps/www/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <NuxtLayout class="text-zinc-900">
+  <NuxtLayout class="text-zinc-950 bg-white">
     <NuxtPage />
   </NuxtLayout>
 </template>
diff --git a/apps/www/components/atoms/Header.vue b/apps/www/components/atoms/Header.vue
@@ -79,10 +79,11 @@ onMounted(() => {
 
           <!-- <AtomsHeaderLink title="Documentação" /> -->
 
-          <!-- <VDropdown :distance="6" placement="bottom">
+          <UPopover :popper="{ placement: 'bottom-end' }">
             <AtomsHeaderLink title="Comunidade" chevron />
-            <template #popper="{ hide }">
-              <div @click="hide()" class="py-2">
+
+            <template #panel>
+              <div class="py-2">
                 <nuxt-link
                   external
                   target="_blank"
@@ -118,7 +119,7 @@ onMounted(() => {
                 </nuxt-link>
               </div>
             </template>
-          </VDropdown> -->
+          </UPopover>
         </div>
 
         <nuxt-link
@@ -128,8 +129,8 @@ onMounted(() => {
           class="group flex w-full h-[37px] p-2 cursor-pointer items-center justify-center gap-2 text-zinc-700 no-underline hover:text-zinc-900 md:w-fit"
         >
           <font-awesome-icon :icon="['fab', 'github']" class="text-xl" />
-          <span class="text-sm font-medium">{{
-            gitHub?.items[0].stargazers_count
+          <span v-if="gitHub" class="text-sm font-medium">{{
+            gitHub.items[0].stargazers_count
           }}</span>
         </nuxt-link>
         <nuxt-link

diff --git a/apps/www/components/creators/Action.vue b/apps/www/components/creators/Action.vue
@@ -18,7 +18,7 @@
               dentro da plataforma.
             </p>
             <nuxt-link
-              to="https://nge5la4zlyy.typeform.com/to/nI55iu4u"
+              to="https://tally.so/r/wa2jEv"
               external
               target="_blank"
               class="w-full md:w-fit"

diff --git a/apps/www/components/creators/Hero.vue b/apps/www/components/creators/Hero.vue
@@ -45,7 +45,7 @@
         class="mb-4 flex flex-wrap items-center gap-4 justify-center md:mb-10"
       >
         <nuxt-link
-          to="https://nge5la4zlyy.typeform.com/to/nI55iu4u"
+          to="https://tally.so/r/wa2jEv"
           external
           target="_blank"
           class="w-full md:w-fit"

diff --git a/apps/www/nuxt.config.ts b/apps/www/nuxt.config.ts
@@ -2,7 +2,9 @@ import eslintPlugin from "vite-plugin-eslint";
 import path from "node:path";
 
 export default defineNuxtConfig({
-  // ssr: false,
+  colorMode: {
+    preference: "light",
+  },
   sourcemap: { server: true, client: false }, // Disable sourcemap errors
   runtimeConfig: {
     public: {
@@ -11,11 +13,6 @@ export default defineNuxtConfig({
       appUrl: process.env.NUXT_PUBLIC_APP_URL || "https://menthor.io/app",
     },
   },
-  routeRules: {
-    "/sign-in": { ssr: false },
-    "/": { prerender: true },
-    "/profile": { ssr: true },
-  },
   nitro: {
     preset: "cloudflare_pages_static",
   },
@@ -27,11 +24,7 @@ export default defineNuxtConfig({
     defineModel: true,
   },
   extends: ["nuxt-umami"],
-  css: [
-    "@/styles/main.css",
-    "@/styles/font.css",
-    "@fortawesome/fontawesome-svg-core/styles.css",
-  ],
+  css: ["@/styles/font.css", "@fortawesome/fontawesome-svg-core/styles.css"],
   alias: {
     "@": path.resolve(__dirname, "../../packages/assets"),
   },
@@ -46,6 +39,7 @@ export default defineNuxtConfig({
     },
   },
   modules: [
+    "@nuxt/ui",
     "@nuxt/image",
     "nuxt-simple-sitemap",
     "nuxt-schema-org",
@@ -66,4 +60,7 @@ export default defineNuxtConfig({
       ignoreLocalhost: true,
     },
   },
+  tailwindcss: {
+    cssPath: "@/styles/main.css",
+  },
 });
diff --git a/apps/www/package.json b/apps/www/package.json
@@ -4,14 +4,13 @@
   "private": true,
   "scripts": {
     "build": "nuxt build",
-    "dev": "nuxt dev -p 3002",
+    "dev": "nuxt dev -p 3005",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
     "@nuxtjs/fontaine": "^0.2.5",
-    "@types/node": "^20.10.0",
     "nuxt": "3.7.3",
     "nuxt-schema-org": "^2.2.0",
     "nuxt-simple-robots": "^3.1.0",
@@ -25,9 +24,9 @@
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/vue-fontawesome": "^3.0.3",
     "@nuxt/image": "^1.1.0",
+    "@nuxt/ui": "^2.11.0",
     "@vueuse/nuxt": "^10.3.0",
     "eslint-config-custom": "workspace:*",
-    "floating-vue": "2.0.0-beta.24",
     "humps": "^2.0.1",
     "nuxt-umami": "^2.5.2",
     "tailwind-config": "workspace:*"

diff --git a/packages/tailwind-config/postcss.config.ts b/packages/tailwind-config/postcss.config.ts
diff --git a/packages/tailwind-config/tailwind.config.ts b/packages/tailwind-config/tailwind.config.ts
@@ -1,22 +1,13 @@
 import type { Config } from "tailwindcss";
+import defaultTheme from "tailwindcss/defaultTheme";
 
-const defaultTheme = require("tailwindcss/defaultTheme");
-
-export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{vue,js,ts,jsx,tsx}",
-    "../../packages/ui/src/**/*.{vue,js,ts,jsx,tsx}",
-    "../../packages/plugins/src/**/*.{vue,js,ts,jsx,tsx}",
-    // nuxt
-    "./components/**/*.{js,vue,ts}",
-    "./layouts/**/*.vue",
-    "./pages/**/*.vue",
-    "./service-worker/**/*.vue",
-    "./plugins/**/*.{js,ts}",
-    "./nuxt.config.{js,ts}",
-  ],
+export default <Partial<Config>>{
   theme: {
+    aspectRatio: {
+      auto: "auto",
+      square: "1 / 1",
+      video: "16 / 9",
+    },
     extend: {
       fontFamily: {
         sans: [
@@ -28,27 +19,21 @@ export default {
       backgroundImage: {
         pattern: "url('/patterns/default.svg')",
       },
-    },
-    container: {
-      center: true,
-      padding: {
-        DEFAULT: "1rem",
-        sm: "2rem",
-        md: "2.5rem",
-        lg: "2.5rem",
+      container: {
+        center: true,
+        padding: {
+          DEFAULT: "1rem",
+          sm: "2rem",
+          md: "2.5rem",
+          lg: "2.5rem",
+        },
+      },
+      screens: {
+        sm: "640px",
+        md: "768px",
+        lg: "1024px",
+        xl: "1190px",
       },
-    },
-    screens: {
-      sm: "640px",
-      md: "768px",
-      lg: "1024px",
-      xl: "1190px",
     },
   },
-  plugins: [],
-  safelist: [
-    {
-      pattern: /fa.*/,
-    },
-  ],
-} satisfies Config;
+};