[ADD] vite config for production & coursel css

majak_uistyleguide/templates/patterns/molecules/menus/carousel.html

@@ -8,9 +8,9 @@
           <h1 class="text-white">{{ content.label_first }}</h1>
           <h1 class="text-yellow-500 mb-2">{{ content.label_second }}</h1>
           <a href="#" class="btn btn--white btn--to-grey-175 btn--hoveractive uppercase">
-            <div class="btn__body-wrap w-32 h-11">
-              <div class="btn__body w-32 h-11 text-lg xl:text-base xl:w-auto">{{ content.button_text }}</div>
-            </div>
+            <span class="btn__body-wrap w-40 h-11">
+              <span class="btn__body w-40 h-11 text-lg xl:text-base xl:w-auto">{{ content.button_text }}</span>
+            </span>
           </a>
         </div>
       </div>

src/css/molecules/carousels.pcss

@@ -53,7 +53,7 @@
       top: 30%;
     }
     @screen 2xl {
-      margin-left: 15%;
+      margin-left: 10%;
       top: 40%;
     }
   }

vite.config.js

@@ -17,7 +17,7 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      vue: 'vue/dist/vue.js'
+      vue: process.env.NODE_ENV === 'production' ? 'vue/dist/vue.min.js' : 'vue/dist/vue.js'
     },
     extensions: ['.js', '.json', '.vue'],
   },
@@ -32,7 +32,9 @@ export default defineConfig({
         main: resolve('./src/js/main.js')
       },
       output: {
-        chunkFileNames: undefined,
+        entryFileNames: `main/[name].js`,
+        chunkFileNames: `main/[name].js`,
+        assetFileNames: `main/[name].[ext]`
       },
     },
   },