chore: set vw as the default viewport unit

Author: cwandev

src/auto-imports.d.ts

@@ -6,9 +6,7 @@
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
-  const LoadingBar: typeof import('@varlet/ui')['LoadingBar']
   const Picker: typeof import('@varlet/ui')['Picker']
-  const Snackbar: typeof import('@varlet/ui')['Snackbar']
   const StyleProvider: typeof import('@varlet/ui')['StyleProvider']
   const afterAll: typeof import('vitest')['afterAll']
   const afterEach: typeof import('vitest')['afterEach']

src/styles/dark.ts

@@ -4,4 +4,6 @@ export const darkTheme = Themes.toViewport({
   ...Themes.dark,
   '--color-primary': '#00C16A',
   '--color-nprogress': '#D9FBE8',
+}, {
+  viewportUnit: 'vw',
 })

src/styles/light.ts

@@ -4,4 +4,6 @@ export const lightTheme = Themes.toViewport({
   '--color-primary': '#00C16A',
   '--color-nprogress': '#75EDAE',
   '--color-body': '#f7f8fa',
+}, {
+  viewportUnit: 'vw',
 })

vite.config.ts

@@ -40,18 +40,8 @@ export default ({ mode }: ConfigEnv): UserConfig => {
           autoprefixer(),
           // https://github.com/wswmsword/postcss-mobile-forever
           viewport({
-            // appSelector: '#app',
-            mobileUnit: 'vmin',
             unitPrecision: 6,
             viewportWidth: 375,
-            enableMediaQuery: true,
-            disableDesktop: true,
-            // maxDisplayWidth: 600,
-            rootContainingBlockSelectorList: [
-              'var-app-bar',
-              'van-popup',
-              'var-bottom-navigation',
-            ],
           }),
         ],
       },