chore: add postcss plugin autoprefixer

package.json

@@ -81,6 +81,7 @@
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^5.0.2",
     "@vue/test-utils": "^2.0.0-rc.6",
+    "autoprefixer": "^10.3.4",
     "axios": "^0.21.0",
     "eslint": "^6.7.2",
     "eslint-plugin-prettier": "^3.1.3",

vite.config.build.ts

@@ -20,6 +20,19 @@ export default defineConfig({
         // dont need include file extend .scss
         additionalData: `@import "@/packages/styles/variables.scss";@import "@/sites/assets/styles/variables.scss";`
       }
+    },
+    postcss: {
+      plugins: [
+        require('autoprefixer')({
+          overrideBrowserslist: [
+            '> 0.5%',
+            'last 2 versions',
+            'ie > 11',
+            'iOS >= 10',
+            'Android >= 5'
+          ]
+        })
+      ]
     }
   },
   plugins: [vue()],

vite.config.ts

@@ -29,6 +29,19 @@ export default defineConfig({
         // dont need include file extend .scss
         additionalData: `@import "@/packages/styles/variables.scss";@import "@/sites/assets/styles/variables.scss";`
       }
+    },
+    postcss: {
+      plugins: [
+        require('autoprefixer')({
+          overrideBrowserslist: [
+            '> 0.5%',
+            'last 2 versions',
+            'ie > 11',
+            'iOS >= 10',
+            'Android >= 5'
+          ]
+        })
+      ]
     }
   },
   plugins: [