tailwind 3 upgrade part 1

webpack.mix.js

@@ -6,19 +6,21 @@ const mix = require('laravel-mix');
  |--------------------------------------------------------------------------
  |
  | Mix provides a clean, fluent API for defining some Webpack build steps
- | for your Laravel application. By default, we are compiling the Sass
+ | for your Laravel applications. By default, we are compiling the CSS
  | file for the application as well as bundling up all the JS files.
  |
  */
 
-mix.js('resources/js/main.js', 'public/js')
+mix
+    .js('resources/js/main.js', 'public/js')
+    .vue()
     .sass('resources/sass/app.scss', 'public/css/app.css', {
         implementation: require('node-sass')
     })
     .postCss("resources/css/tailwind.css", "public/css", [
         require("tailwindcss"),
     ])
-    .webpackConfig({
+    /*.webpackConfig({
         output: {
             chunkFilename: '[name].js?id=[chunkhash]',
         },
@@ -26,15 +28,11 @@ mix.js('resources/js/main.js', 'public/js')
         devServer: {
             clientLogLevel: 'none'
         }
-    })
-    .options({
+    })*/
+    /*.options({
         hmrOptions: {
             host: '192.168.1.112',
             port: '8080'
         },
-    })
+    })*/
     .disableNotifications();
-
-if (mix.inProduction()) {
-    mix.version();
-}