Add tailwind

package.json

 {
   "name": "clouds-movies",
   "version": "0.0.0",
+  "private": true,
+  "license": "MIT",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
     "preview": "vite preview"
   },
   "dependencies": {
+    "@tailwindcss/forms": "^0.4.0",
+    "autoprefixer": "^10.4.2",
     "firebase": "^9.6.1",
+    "postcss": "^8.4.5",
+    "tailwindcss": "^3.0.12",
     "vue": "^3.2.25",
     "vue-router": "4"
   },

postcss.config.js

+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

src/index.css

+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/main.ts

@@ -2,14 +2,8 @@ import { createApp } from "vue";
 import App from "./App.vue";
 import router from "./router";
 import { FirebaseOptions, initializeApp } from "firebase/app";
-import { getAuth, User } from "@firebase/auth";
-import { getAnalytics } from "firebase/analytics";
-import { getDatabase } from "firebase/database";
-// TODO: Add SDKs for Firebase products that you want to use
-// https://firebase.google.com/docs/web/setup#available-libraries
+import "./index.css";
 
-// Your web app's Firebase configuration
-// For Firebase JS SDK v7.20.0 and later, measurementId is optional
 const firebaseConfig: FirebaseOptions = {
   apiKey: import.meta.env.VITE_APIKEY as string,
   authDomain: import.meta.env.VITE_AUTHDOMAIN as string,
@@ -24,18 +18,6 @@ const firebaseConfig: FirebaseOptions = {
 // Initialize Firebase
 const firebaseApp = initializeApp(firebaseConfig);
 // const analytics = getAnalytics(firebaseApp);
-// export const getCurrentUser = (): Promise<User | null> => {
-//   const auth = getAuth();
-//   return new Promise((resolve, reject) => {
-//     if (auth.currentUser) {
-//       resolve(auth.currentUser);
-//     }
-//     const unsubscribe = auth.onAuthStateChanged((user) => {
-//       unsubscribe();
-//       resolve(user);
-//     }, reject);
-//   });
-// };
 
 const app = createApp(App).use(router);
 app.mount("#app");

tailwind.config.js

+module.exports = {
+  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [require("@tailwindcss/forms")],
+};