teerdays campaign page and dashboard initial design

package.json

@@ -33,6 +33,7 @@
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5",
     "vite": "^5.2.10",
+    "vite-svg-loader": "^5.1.0",
     "vue": "^3.4.26",
     "vue-router": "^4.3.2"
   },

plugins/qrcode-reader.ts

@@ -1,4 +1,6 @@
-import Vue from "vue";
+import { defineNuxtPlugin } from "#app";
 import { QrcodeStream } from "vue-qrcode-reader";
 
-Vue.component("qrcode-stream", QrcodeStream);
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component("qrcode-stream", QrcodeStream);
+});

tailwind.config.js

@@ -1,6 +1,12 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: [],
+  content: [
+    "./components/**/*.{vue,js}",
+    "./layouts/**/*.{vue,js}",
+    "./pages/**/*.{vue,js}",
+    "./plugins/**/*.{js,ts}",
+    "./nuxt.config.{js,ts}",
+  ],
   theme: {
     extend: {
       backgroundColor: {

yarn.lock

@@ -10386,6 +10386,7 @@ __metadata:
     tailwindcss: "npm:^3.4.3"
     typescript: "npm:^5.4.5"
     vite: "npm:^5.2.10"
+    vite-svg-loader: "npm:^5.1.0"
     vue: "npm:^3.4.26"
     vue-qrcode: "npm:^2.2.2"
     vue-qrcode-reader: "npm:^5.5.4"
@@ -14043,6 +14044,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vite-svg-loader@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "vite-svg-loader@npm:5.1.0"
+  dependencies:
+    svgo: "npm:^3.0.2"
+  peerDependencies:
+    vue: ">=3.2.13"
+  checksum: 10c0/39f218db6384aec56ec6fb9517723eaee49701225688e1d5f5132f0730605a9e59201464911b19cbfdc647caebacf4c8737dffe2472cd815ebb6645c2292993c
+  languageName: node
+  linkType: hard
+
 "vite@npm:^5.0.0, vite@npm:^5.2.10, vite@npm:^5.2.8":
   version: 5.2.12
   resolution: "vite@npm:5.2.12"