diff --git a/package-lock.json b/package-lock.json
index 5f2c890..b216eff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,13 +19,10 @@
         "@vue/cli-plugin-eslint": "~5.0.0",
         "@vue/cli-service": "~5.0.0",
         "@webdiscus/pug-loader": "^2.9.4",
-        "autoprefixer": "^10.4.12",
         "eslint": "^8.25.0",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-prettier": "^4.0.0",
         "eslint-plugin-vue": "^9.6.0",
-        "postcss": "^8.4.17",
-        "postcss-loader": "^7.0.1",
         "prettier": "^2.4.1",
         "sass-loader": "^13.0.2",
         "tailwindcss": "^3.1.8"
@@ -10389,43 +10386,6 @@
         }
       }
     },
-    "node_modules/postcss-loader": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-7.0.1.tgz",
-      "integrity": "sha512-VRviFEyYlLjctSM93gAZtcJJ/iSkPZ79zWbN/1fSH+NisBByEiVLqpdVDrPLVSi8DX0oJo12kL/GppTBdKVXiQ==",
-      "dev": true,
-      "dependencies": {
-        "cosmiconfig": "^7.0.0",
-        "klona": "^2.0.5",
-        "semver": "^7.3.7"
-      },
-      "engines": {
-        "node": ">= 14.15.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "postcss": "^7.0.0 || ^8.0.1",
-        "webpack": "^5.0.0"
-      }
-    },
-    "node_modules/postcss-loader/node_modules/semver": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
-      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/postcss-merge-longhand": {
       "version": "5.1.6",
       "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.1.6.tgz",
@@ -21879,28 +21839,6 @@
         "yaml": "^1.10.2"
       }
     },
-    "postcss-loader": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-7.0.1.tgz",
-      "integrity": "sha512-VRviFEyYlLjctSM93gAZtcJJ/iSkPZ79zWbN/1fSH+NisBByEiVLqpdVDrPLVSi8DX0oJo12kL/GppTBdKVXiQ==",
-      "dev": true,
-      "requires": {
-        "cosmiconfig": "^7.0.0",
-        "klona": "^2.0.5",
-        "semver": "^7.3.7"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "7.3.7",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
-          "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        }
-      }
-    },
     "postcss-merge-longhand": {
       "version": "5.1.6",
       "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.1.6.tgz",
diff --git a/package.json b/package.json
index 8641195..17a08d0 100644
--- a/package.json
+++ b/package.json
@@ -19,13 +19,10 @@
     "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
     "@webdiscus/pug-loader": "^2.9.4",
-    "autoprefixer": "^10.4.12",
     "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-vue": "^9.6.0",
-    "postcss": "^8.4.17",
-    "postcss-loader": "^7.0.1",
     "prettier": "^2.4.1",
     "sass-loader": "^13.0.2",
     "tailwindcss": "^3.1.8"
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index 20e5afd..0000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,7 +0,0 @@
-const tailwind = require("tailwindcss");
-const autoprefixer = require("autoprefixer");
-const tailwindConfig = require("./tailwind.config");
-
-module.exports = {
-  plugins: [tailwind(tailwindConfig), autoprefixer],
-};
diff --git a/vue.config.js b/vue.config.js
index f7489d5..7c39ec2 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,6 +1,15 @@
 const { defineConfig } = require("@vue/cli-service");
+const tailwind = require("tailwindcss");
+const tailwindConfig = require("./tailwind.config");
 
 module.exports = defineConfig({
+  css: {
+    loaderOptions: {
+      postcss: {
+        postcssOptions: tailwind(tailwindConfig)
+      }
+    }
+  },
   chainWebpack: (config) => {
     const pugRule = config.module.rule("pug");