Prettified Code!

README.md

@@ -4,32 +4,35 @@
 
 ### Resources
 
-- [Tailwindcss](https://tailwindcss.com)
+-   [Tailwindcss](https://tailwindcss.com)
-- [Heroicons](https://heroicons.dev)
+-   [Heroicons](https://heroicons.dev)
-- [CSS Icons](https://css.gg)
+-   [CSS Icons](https://css.gg)
 
 ### Project setup
+
 ```
 npm install
 ```
 
 ### Compiles and hot-reloads for development
+
 ```
 npm run serve
 ```
 
 ### Compiles and minifies for production
+
 ```
 npm run build
 ```
 
 ### Lints and fixes files
+
 ```
 npm run lint
 ```
 
 ### Authors
 
-- **Mosab Ibrahim** [Github](https://github.com/Miaababikir)
+-   **Mosab Ibrahim** [Github](https://github.com/Miaababikir)
-- **Khatab Wedaa** [Github](https://github.com/khatabwedaa)
+-   **Khatab Wedaa** [Github](https://github.com/khatabwedaa)
-

babel.config.js

@@ -1,4 +1,4 @@
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"],
+    presets: ["@vue/cli-plugin-babel/preset"],
-  plugins: ["@babel/plugin-syntax-dynamic-import"],
+    plugins: ["@babel/plugin-syntax-dynamic-import"],
 };

postcss.config.js

@@ -1,7 +1,7 @@
 module.exports = {
-  plugins: [
+    plugins: [
-    require("postcss-import"),
+        require("postcss-import"),
-    require("tailwindcss"),
+        require("tailwindcss"),
-    require("autoprefixer"),
+        require("autoprefixer"),
-  ],
+    ],
 };

src/router.js

@@ -9,17 +9,17 @@ const Sections = () => import("./components/categories/Sections");
 const Paginations = () => import("./components/categories/Paginations");
 const Footers = () => import("./components/categories/Footers");
 
-  export default new VueRouter({
+export default new VueRouter({
-    mode: 'history',
+    mode: "history",
     routes: [
-      { path: "/", redirect: "/alerts" },
+        { path: "/", redirect: "/alerts" },
-      { path: "/alerts", component: Alerts, name: "Alerts" },
+        { path: "/alerts", component: Alerts, name: "Alerts" },
-      { path: "/cards", component: Cards, name: "Cards" },
+        { path: "/cards", component: Cards, name: "Cards" },
-      { path: "/forms", component: Forms, name: "Forms" },
+        { path: "/forms", component: Forms, name: "Forms" },
-      { path: "/navbars", component: Navbars, name: "Navbars" },
+        { path: "/navbars", component: Navbars, name: "Navbars" },
-      { path: "/headers", component: Headers, name: "Headers" },
+        { path: "/headers", component: Headers, name: "Headers" },
-      { path: "/sections", component: Sections, name: "Sections" },
+        { path: "/sections", component: Sections, name: "Sections" },
-      { path: "/paginations", component: Paginations, name: "Paginations" },
+        { path: "/paginations", component: Paginations, name: "Paginations" },
-      { path: "/footers", component: Footers, name: "Footers" },
+        { path: "/footers", component: Footers, name: "Footers" },
     ],
-  });
+});

tailwind.config.js

@@ -1,17 +1,15 @@
 module.exports = {
-    purge: [
+    purge: ["./src/**/*.vue"],
-        './src/**/*.vue',
-    ],
     theme: {
         extend: {
             fontFamily: {
-                roboto: ['Roboto'],
+                roboto: ["Roboto"],
             },
             spacing: {
-                '96': '24rem',
+                "96": "24rem",
             },
         },
     },
     variants: {},
     plugins: [],
-}
+};