search

zeokku / vite-plugin-vue-css-modules

✨ Ultimate solution for using CSS modules without any hassle.
17 stars 0 forks source link

❓strange component render #3

Closed thisVioletHydra closed 1 year ago

thisVioletHydra commented 1 year ago

before install this plugin, all work

Vite plugins

  plugins: [
      isDevelopmentMode ? mkcert() : undefined,
      splitVendorChunkPlugin(),
      ViteAliases(cfg._ViteAliases),
      staticCssModules({ preservePrefix: '---' }),
      svgLoader(),
      Components(Object.assign(cfg._Components, resolverComponent)),
      VueI18nPlugin(cfg._vueI18n),
      AutoImport(cfg._AutoImport),
      vitePluginImportus(cfg._Importus),
      vue(),
      removeCssModulesChunk(),
      checker({ vueTsc: true }),
    ],

Before wrap

 <div class="group form-body">
        <auth-title />
        <auth-title />
        <auth-title />
        <!-- <div class="item"><auth-form /></div> -->
      </div>

image

after wrapping components, start work!

     <div class="group form-body">
        <div class="item"><auth-title /></div>
        <div class="item"><auth-title /></div>
        <div class="item"><auth-title /></div>
        <!-- <auth-title /> -->
        <!-- <auth-title /> -->
        <!-- <div class="item"><auth-form /></div> -->
      </div>

image

Lutymane commented 1 year ago

Thanks for the report. The issue should be fixed now. Please update to 3.0.4