Delete tailwind css file

Author: realstoman

src/assets/css/app.css

@@ -1,8 +1,16 @@
 /*== 
- * Vuejs & TailwindCSS Portfolio Main Styling CSS File
+ * Vuejs & TailwindCSS Portfolio Main CSS File
  * Powered by: @NangialaiStoman
 */
 
+@tailwind base;
+
+@tailwind components;
+
+@tailwind utilities;
+
+/* Custom Styles Below */
+
 body {
 	font-family: 'Poppins', sans-serif !important;
 }
@@ -14,3 +22,5 @@ h4 {
 	font-family: 'Poppins', sans-serif !important;
 	font-weight: 500 !important;
 }
+
+/* Theme Colors */

src/assets/css/tailwind.css

@@ -150,10 +150,6 @@ export default {
 		ThemeSwitcher,
 		HireMeModal,
 	},
-	mounted() {
-		this.theme = localStorage.getItem('theme') || 'light';
-		feather.replace();
-	},
 	data() {
 		return {
 			isOpen: false,
@@ -183,6 +179,14 @@ export default {
 			],
 		};
 	},
+
+	created() {
+		this.theme = localStorage.getItem('theme') || 'light';
+	},
+	mounted() {
+		feather.replace();
+		this.theme = localStorage.getItem('theme') || 'light';
+	},
 	methods: {
 		updateTheme(theme) {
 			this.theme = theme;

src/components/AppHeader.vue

@@ -1,7 +1,6 @@
 import { createApp } from 'vue';
 import App from './App.vue';
 import router from './router';
-import './assets/css/tailwind.css';
 import './assets/css/app.css';
 import BackToTop from 'vue-backtotop';