added heading

app.vue

@@ -1,5 +1,5 @@
 <template>
   <div>
-    <NuxtWelcome />
+    <NuxtPage />
   </div>
 </template>

assets/css/tailwind.css

@@ -1,3 +1,18 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+  h1 {
+    @apply text-4xl;
+  }
+  h2 {
+    @apply text-3xl;
+  }
+  h3 {
+    @apply text-2xl;
+  }
+  h4 {
+    @apply text-xl;
+  }
+}

nuxt.config.ts

@@ -1,9 +1,10 @@
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
   modules: [
-        '@nuxtjs/tailwindcss',
+    "@nuxtjs/tailwindcss",
-        '@vueuse/nuxt',
+    "@vueuse/nuxt",
-        'nuxt-icon',
+    "nuxt-icon",
-        '@nuxtjs/robots'
+    "nuxt-icons",
-    ]
+    "@nuxtjs/robots",
-})
+  ],
+});

package-lock.json

@@ -1,19 +1,22 @@
 {
-  "name": "nuxt-template",
+  "name": "portfolio",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "hasInstallScript": true,
       "dependencies": {
-        "@nuxtjs/robots": "^3.0.0"
+        "@nuxtjs/robots": "^3.0.0",
+        "nuxt-icons": "^3.1.0"
       },
       "devDependencies": {
         "@nuxtjs/tailwindcss": "^6.2.0",
         "@vueuse/core": "^9.8.2",
         "@vueuse/nuxt": "^9.8.2",
         "nuxt": "3.0.0",
-        "nuxt-icon": "^0.1.8"
+        "nuxt-icon": "^0.1.8",
+        "prettier": "^2.8.3",
+        "prettier-plugin-tailwindcss": "^0.2.2"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -6401,6 +6404,14 @@
         "@nuxt/kit": "^3.0.0"
       }
     },
+    "node_modules/nuxt-icons": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/nuxt-icons/-/nuxt-icons-3.1.0.tgz",
+      "integrity": "sha512-5BAIXF+kctNxDtM+KlNHWu4dzhSkc1asSzvbMzsiP/IKKKlnTiXLP3hC+renhPVAyCMSYa2bf+ULqDSVDFTekg==",
+      "dependencies": {
+        "@nuxt/kit": "^3.0.0"
+      }
+    },
     "node_modules/nuxt/node_modules/@nuxt/kit": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.0.0.tgz",
@@ -7561,6 +7572,91 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/prettier": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.3.tgz",
+      "integrity": "sha512-tJ/oJ4amDihPoufT5sM0Z1SKEuKay8LfVAMlbbhnnkvt6BUserZylqo2PN+p9KeljLr0OHa2rXHU1T8reeoTrw==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-plugin-tailwindcss": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.2.2.tgz",
+      "integrity": "sha512-5RjUbWRe305pUpc48MosoIp6uxZvZxrM6GyOgsbGLTce+ehePKNm7ziW2dLG2air9aXbGuXlHVSQQw4Lbosq3w==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.17.0"
+      },
+      "peerDependencies": {
+        "@prettier/plugin-php": "*",
+        "@prettier/plugin-pug": "*",
+        "@shopify/prettier-plugin-liquid": "*",
+        "@shufo/prettier-plugin-blade": "*",
+        "@trivago/prettier-plugin-sort-imports": "*",
+        "prettier": ">=2.2.0",
+        "prettier-plugin-astro": "*",
+        "prettier-plugin-css-order": "*",
+        "prettier-plugin-import-sort": "*",
+        "prettier-plugin-jsdoc": "*",
+        "prettier-plugin-organize-attributes": "*",
+        "prettier-plugin-organize-imports": "*",
+        "prettier-plugin-style-order": "*",
+        "prettier-plugin-svelte": "*",
+        "prettier-plugin-twig-melody": "*"
+      },
+      "peerDependenciesMeta": {
+        "@prettier/plugin-php": {
+          "optional": true
+        },
+        "@prettier/plugin-pug": {
+          "optional": true
+        },
+        "@shopify/prettier-plugin-liquid": {
+          "optional": true
+        },
+        "@shufo/prettier-plugin-blade": {
+          "optional": true
+        },
+        "@trivago/prettier-plugin-sort-imports": {
+          "optional": true
+        },
+        "prettier-plugin-astro": {
+          "optional": true
+        },
+        "prettier-plugin-css-order": {
+          "optional": true
+        },
+        "prettier-plugin-import-sort": {
+          "optional": true
+        },
+        "prettier-plugin-jsdoc": {
+          "optional": true
+        },
+        "prettier-plugin-organize-attributes": {
+          "optional": true
+        },
+        "prettier-plugin-organize-imports": {
+          "optional": true
+        },
+        "prettier-plugin-style-order": {
+          "optional": true
+        },
+        "prettier-plugin-svelte": {
+          "optional": true
+        },
+        "prettier-plugin-twig-melody": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/pretty-bytes": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-6.0.0.tgz",
@@ -14774,6 +14870,14 @@
         "@nuxt/kit": "^3.0.0"
       }
     },
+    "nuxt-icons": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/nuxt-icons/-/nuxt-icons-3.1.0.tgz",
+      "integrity": "sha512-5BAIXF+kctNxDtM+KlNHWu4dzhSkc1asSzvbMzsiP/IKKKlnTiXLP3hC+renhPVAyCMSYa2bf+ULqDSVDFTekg==",
+      "requires": {
+        "@nuxt/kit": "^3.0.0"
+      }
+    },
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -15490,6 +15594,19 @@
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "dev": true
     },
+    "prettier": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.3.tgz",
+      "integrity": "sha512-tJ/oJ4amDihPoufT5sM0Z1SKEuKay8LfVAMlbbhnnkvt6BUserZylqo2PN+p9KeljLr0OHa2rXHU1T8reeoTrw==",
+      "dev": true
+    },
+    "prettier-plugin-tailwindcss": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.2.2.tgz",
+      "integrity": "sha512-5RjUbWRe305pUpc48MosoIp6uxZvZxrM6GyOgsbGLTce+ehePKNm7ziW2dLG2air9aXbGuXlHVSQQw4Lbosq3w==",
+      "dev": true,
+      "requires": {}
+    },
     "pretty-bytes": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-6.0.0.tgz",

package.json

@@ -12,9 +12,12 @@
     "@vueuse/core": "^9.8.2",
     "@vueuse/nuxt": "^9.8.2",
     "nuxt": "3.0.0",
-    "nuxt-icon": "^0.1.8"
+    "nuxt-icon": "^0.1.8",
+    "prettier": "^2.8.3",
+    "prettier-plugin-tailwindcss": "^0.2.2"
   },
   "dependencies": {
-    "@nuxtjs/robots": "^3.0.0"
+    "@nuxtjs/robots": "^3.0.0",
+    "nuxt-icons": "^3.1.0"
   }
 }

tailwind.config.js

@@ -2,7 +2,32 @@
 module.exports = {
   content: [],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        dark: {
+          100: "#131920",
+          200: "#11171d",
+          300: "#0f141a",
+          400: "#0d1216",
+          500: "#0b0f13",
+          600: "#0a0d10",
+          700: "#080a0d",
+          800: "#06080a",
+          900: "#040506",
+        },
+        primary: {
+          100: "#66b2ff",
+          200: "#4da6ff",
+          300: "#39f",
+          400: "#1a8cff",
+          500: "#0080ff",
+          600: "#0073e6",
+          700: "#06c",
+          800: "#0059b3",
+          900: "#004c99",
+        },
+      },
+    },
   },
   plugins: [],
-}
+};