change in theme

composer.json

@@ -8,8 +8,8 @@
   ],
   "license": "MIT",
   "require": {
-    "laravel/framework": "^8.0",
-    "laravel/ui": "^3.0"
+    "laravel/framework": "^9.0",
+    "laravel/ui": "^3.4"
   },
   "autoload": {
     "psr-4": {

src/TailwindCssPreset.php

@@ -29,13 +29,10 @@ public static function installAuth()
     protected static function updatePackageArray(array $packages)
     {
         return array_merge([
-            '@tailwindcss/ui' => '^0.3',
-            'autoprefixer' => '^9.6',
-            'laravel-mix' => '^5.0.1',
-            'postcss-import' => '^12.0',
-            'postcss-nested' => '^4.2',
-            'tailwindcss' => '^1.8',
-            'vue-template-compiler' => '^2.6.11',
+            'tailwindcss' => '^3.0.23',
+            'postcss' => '^8.4.12',
+            'autoprefixer' => '^10.4.4',
+            'laravel-mix' => '^6.0',
         ], Arr::except($packages, [
             'bootstrap',
             'bootstrap-sass',
@@ -65,6 +62,8 @@ protected static function updateBootstrapping()
         copy(__DIR__.'/tailwindcss-stubs/tailwind.config.js', base_path('tailwind.config.js'));
 
         copy(__DIR__.'/tailwindcss-stubs/webpack.mix.js', base_path('webpack.mix.js'));
+
+        // copy(__DIR__.'/tailwindcss-stubs/postcss.config.js', base_path('postcss.config.js'));
 
         copy(__DIR__.'/tailwindcss-stubs/resources/js/bootstrap.js', resource_path('js/bootstrap.js'));
     }
@@ -119,7 +118,7 @@ protected static function scaffoldAuth()
     protected static function compileControllerStub()
     {
         return str_replace(
-            '{{namespace}}',
+            '{{ namespace }}',
             Container::getInstance()->getNamespace(),
             file_get_contents(__DIR__.'/tailwindcss-stubs/controllers/HomeController.stub')
         );

src/tailwindcss-stubs/resources/views/auth/login.blade.php

@@ -19,7 +19,7 @@
                         </label>
 
                         <input id="email" type="email"
-                            class="form-input w-full @error('email') border-red-500 @enderror" name="email"
+                            class="form-input w-full px-4 py-3 @error('email') border-red-500 @enderror" name="email"
                             value="{{ old('email') }}" required autocomplete="email" autofocus>
 
                         @error('email')
@@ -35,7 +35,7 @@ class="form-input w-full @error('email') border-red-500 @enderror" name="email"
                         </label>
 
                         <input id="password" type="password"
-                            class="form-input w-full @error('password') border-red-500 @enderror" name="password"
+                            class="form-input w-full px-4 py-3 @error('password') border-red-500 @enderror" name="password"
                             required>
 
                         @error('password')

src/tailwindcss-stubs/resources/views/auth/passwords/confirm.blade.php

@@ -23,7 +23,7 @@
                         </label>
 
                         <input id="password" type="password"
-                            class="form-input w-full @error('password') border-red-500 @enderror" name="password"
+                            class="form-input w-full px-4 py-3 @error('password') border-red-500 @enderror" name="password"
                             required autocomplete="new-password">
 
                         @error('password')

src/tailwindcss-stubs/resources/views/auth/passwords/email.blade.php

@@ -26,7 +26,7 @@
                         </label>
 
                         <input id="email" type="email"
-                            class="form-input w-full @error('email') border-red-500 @enderror" name="email"
+                            class="form-input w-full px-4 py-3 @error('email') border-red-500 @enderror" name="email"
                             value="{{ old('email') }}" required autocomplete="email" autofocus>
 
                         @error('email')

src/tailwindcss-stubs/resources/views/auth/passwords/reset.blade.php

@@ -21,7 +21,7 @@
                         </label>
 
                         <input id="email" type="email"
-                            class="form-input w-full @error('email') border-red-500 @enderror" name="email"
+                            class="form-input w-full px-4 py-3 @error('email') border-red-500 @enderror" name="email"
                             value="{{ $email ?? old('email') }}" required autocomplete="email" autofocus>
 
                         @error('email')
@@ -37,7 +37,7 @@ class="form-input w-full @error('email') border-red-500 @enderror" name="email"
                         </label>
 
                         <input id="password" type="password"
-                            class="form-input w-full @error('password') border-red-500 @enderror" name="password"
+                            class="form-input w-full px-4 py-3 @error('password') border-red-500 @enderror" name="password"
                             required autocomplete="new-password">
 
                         @error('password')
@@ -52,7 +52,7 @@ class="form-input w-full @error('password') border-red-500 @enderror" name="pass
                             {{ __('Confirm Password') }}:
                         </label>
 
-                        <input id="password-confirm" type="password" class="form-input w-full"
+                        <input id="password-confirm" type="password" class="form-input w-full px-4 py-3"
                             name="password_confirmation" required autocomplete="new-password">
                     </div>
 

src/tailwindcss-stubs/resources/views/auth/register.blade.php

@@ -19,7 +19,7 @@
                             {{ __('Name') }}:
                         </label>
 
-                        <input id="name" type="text" class="form-input w-full @error('name')  border-red-500 @enderror"
+                        <input id="name" type="text" class="form-input w-full px-4 py-3 @error('name')  border-red-500 @enderror"
                             name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
 
                         @error('name')
@@ -35,7 +35,7 @@
                         </label>
 
                         <input id="email" type="email"
-                            class="form-input w-full @error('email') border-red-500 @enderror" name="email"
+                            class="form-input w-full px-4 py-3 @error('email') border-red-500 @enderror" name="email"
                             value="{{ old('email') }}" required autocomplete="email">
 
                         @error('email')
@@ -51,7 +51,7 @@ class="form-input w-full @error('email') border-red-500 @enderror" name="email"
                         </label>
 
                         <input id="password" type="password"
-                            class="form-input w-full @error('password') border-red-500 @enderror" name="password"
+                            class="form-input w-full px-4 py-3 @error('password') border-red-500 @enderror" name="password"
                             required autocomplete="new-password">
 
                         @error('password')
@@ -66,7 +66,7 @@ class="form-input w-full @error('password') border-red-500 @enderror" name="pass
                             {{ __('Confirm Password') }}:
                         </label>
 
-                        <input id="password-confirm" type="password" class="form-input w-full"
+                        <input id="password-confirm" type="password" class="form-input w-full px-4 py-3"
                             name="password_confirmation" required autocomplete="new-password">
                     </div>
 

src/tailwindcss-stubs/resources/views/layouts/app.blade.php

@@ -17,7 +17,7 @@
 </head>
 <body class="bg-gray-100 h-screen antialiased leading-none font-sans">
     <div id="app">
-        <header class="bg-blue-900 py-6">
+        <header class="bg-blue-900 py-3">
             <div class="container mx-auto flex justify-between items-center px-6">
                 <div>
                     <a href="{{ url('/') }}" class="text-lg font-semibold text-gray-100 no-underline">

src/tailwindcss-stubs/tailwind.config.js

@@ -1,13 +1,12 @@
 module.exports = {
-  purge: [
-    './resources/views/**/*.blade.php',
-    './resources/css/**/*.css',
+  content: [
+    "./resources/**/*.blade.php",
+    "./resources/**/*.js",
+    "./resources/**/*.vue",
   ],
   theme: {
     extend: {}
   },
-  variants: {},
   plugins: [
-    require('@tailwindcss/ui'),
   ]
-}
+}

src/tailwindcss-stubs/webpack.mix.js

@@ -14,13 +14,10 @@ const mix = require('laravel-mix');
 mix
   .js('resources/js/app.js', 'public/js')
   .postCss('resources/css/app.css', 'public/css', [
-    require('postcss-import'),
     require('tailwindcss'),
-    require('postcss-nested'),
-    require('autoprefixer'),
   ]);
 
 if (mix.inProduction()) {
   mix
     .version();
-}
+}