🎨 style(new!): add new ui vue.js

Signed-off-by: Abhiraj Roy <157954129+iconized@users.noreply.github.com>
2025-09-07 05:05:18 +02:00 · 2024-06-05 04:26:16 +05:30
parent 4878325171
commit 5f4ddc3090
110 changed files with 9442 additions and 0 deletions
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -0,0 +1,82 @@
+const config = require('./developer.json')
+const siteTitle = `${config.name} | ${config.role}`
+
+
+/*
+ * Nuxt 3 Config File
+ Usage: https://nuxt.com/docs/api/configuration/nuxt-config
+ */
+export default defineNuxtConfig({
+
+  /**
+   * * App Config
+   * app config: https://nuxt.com/docs/api/configuration/nuxt-config#app
+   * head config: https://nuxt.com/docs/api/configuration/nuxt-config#head
+   * meta config: https://nuxt.com/docs/getting-started/seo-meta
+   * pageTransition config: https://nuxt.com/docs/getting-started/transitions#transitions
+   * TODO: Add more meta tags for SEO
+   * TODO: Add tags for social media sharing
+   * TODO: Migrate apple-touch-icon config to manifest.json
+   */
+  app: {
+    head: {
+      title: siteTitle, // App window nav title
+      meta: [
+        { charset: 'utf-8' },
+        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+        { hid: 'description', name: 'description', content: 'A awesome developer portfolio design.' },
+        { hid: 'og:title', property: 'og:title', content: siteTitle },
+        { hid: 'og:description', property: 'og:description', content: 'A awesome developer portfolio design.' },
+        { hid: 'og:image', property: 'og:image', content: 'demo-share.jpg' },
+        { hid: 'og:url', property: 'og:url', content: 'https://developer-portfolio-v1.netlify.app/' },
+        { name: 'theme-color', content: '#010C15' },
+        // ...
+      ],
+      link: [
+        { rel: 'manifest', href: 'pwa/manifest.json' },
+        { rel: 'apple-touch-icon', href: 'pwa/icons/apple-touch-icon.png' },
+      ],
+    },
+  },
+
+  /**
+   * * Nuxt 3 Modules
+   * Official modules: https://nuxt.com/modules
+   */
+  modules: [
+    '@nuxtjs/tailwindcss',
+  ],
+
+  components: {
+    dirs: [
+      '~/components',
+    ],
+  },
+  
+  /**
+   * * Tailwind CSS Config
+   * Options: https://tailwindcss.nuxt.dev/getting-started/options/
+   * Docs: https://tailwindcss.nuxt.dev
+   */
+  tailwindcss: {
+    cssPath: '~/assets/tailwind.css',
+    configPath: 'tailwind.config',
+    exposeConfig: true, // true to resolve the tailwind config in runtime. https://tailwindcss.nuxt.dev/getting-started/options/#exposeconfig
+    injectPosition: 0,
+    viewer: false,
+  },
+
+  /**
+   * * Runtime Config (Environment Variables)
+   * Usage: https://nuxt.com/docs/guide/going-further/runtime-config
+   */
+  runtimeConfig: {
+    // The private keys which are only available server-side
+    apiSecret: '123',
+    // Keys within public are also exposed client-side
+    public: {
+      apiBase: '/api',
+      dev: config
+    }
+  }
+})