refactor: isolate PostCSS config

Author: cwandev

postcss.config.ts

@@ -0,0 +1,15 @@
+// 此文件不支持热更新，修改后需要重启生效
+export default {
+  plugins: {
+    'autoprefixer': {},
+
+    // https://github.com/wswmsword/postcss-mobile-forever
+    'postcss-mobile-forever': {
+      appSelector: '#app',
+      viewportWidth: 375,
+      maxDisplayWidth: 600,
+      appContainingBlock: 'auto',
+      border: true,
+    },
+  },
+}

src/types/components.d.ts

@@ -2,6 +2,7 @@
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
 export {}
 
 /* prettier-ignore */

vite.config.ts

@@ -2,8 +2,6 @@ import path from 'node:path'
 import process from 'node:process'
 import { loadEnv } from 'vite'
 import type { ConfigEnv, UserConfig } from 'vite'
-import viewport from 'postcss-mobile-forever'
-import autoprefixer from 'autoprefixer'
 import { createVitePlugins } from './build/vite'
 import { exclude, include } from './build/vite/optimize'
 
@@ -29,29 +27,12 @@ export default ({ mode }: ConfigEnv): UserConfig => {
 
     resolve: {
       alias: {
-        '~@': path.join(__dirname, './src'),
         '@': path.join(__dirname, './src'),
         '~': path.join(__dirname, './src/assets'),
         '~root': path.join(__dirname, '.'),
       },
     },
 
-    css: {
-      postcss: {
-        plugins: [
-          autoprefixer(),
-          // https://github.com/wswmsword/postcss-mobile-forever
-          viewport({
-            appSelector: '#app',
-            viewportWidth: 375,
-            maxDisplayWidth: 600,
-            appContainingBlock: 'auto',
-            border: true,
-          }),
-        ],
-      },
-    },
-
     build: {
       cssCodeSplit: false,
       chunkSizeWarningLimit: 2048,