Re-organize: Move resources/js|scss to resources/app|styles

.editorconfig

@@ -3,9 +3,9 @@ root = true
 [*]
 charset = utf-8
 end_of_line = lf
-insert_final_newline = true
-indent_style = space
 indent_size = 4
+indent_style = space
+insert_final_newline = true
 trim_trailing_whitespace = true
 
 [*.md]

.env.example

@@ -64,6 +64,5 @@ AWS_USE_PATH_STYLE_ENDPOINT=false
 VITE_APP_NAME="${APP_NAME}"
 
 # Customizations
-APP_LOGO=/assets/images/logo.png
 SANCTUM_STATEFUL_DOMAINS=yourdomain.test
 SESSION_DOMAIN=yourdomain.test

README.md

@@ -79,7 +79,7 @@ For your convenience the project comes with complete `users` crud that includes
 
 ### ➡️ Structure
 
-The front-end code is located in `resources/js`. The code is organized in different directories to make things more readable.
+The front-end code is located in `resources/app`. The code is organized in different directories to make things more readable.
 
 | Directory    | Description                           |
 |--------------|---------------------------------------|

jsconfig.json

@@ -2,7 +2,7 @@
     "compilerOptions": {
         "baseUrl": ".",
         "paths": {
-            "@/*": ["./resources/js/*"]
+            "@/*": ["./resources/app/*"]
         }
     }
 }

resources/views/index.blade.php

@@ -6,12 +6,12 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>{{env('APP_NAME')}}</title>
 
-    @vite(['resources/scss/main.scss', 'resources/js/main.js'])
+    @vite(['resources/styles/main.scss', 'resources/app/main.js'])
 
     <script>
         window.AppConfig = {
             name: '{{ env('APP_NAME') }}',
-            logo: '{{ env('APP_LOGO') }}',
+            logo: '{{ url('/assets/images/logo.png')  }}',
             url: '{{ env('APP_URL') }}',
             csrf: '{{ csrf_token() }}',
             defaultLocale: '{{ env('APP_LOCALE', 'en') }}',

tailwind.config.js

@@ -1,7 +1,7 @@
 const colors = require('tailwindcss/colors');
 
 module.exports = {
-    content: ["./resources/js/**/*.html", "./resources/js/**/*.vue"],
+    content: ["./resources/app/**/*.html", "./resources/app/**/*.vue"],
     theme: {
         extend: {
             colors: {

tsconfig.json

@@ -3,7 +3,7 @@
 
         "baseUrl": ".",
         "paths": {
-            "@/*": ["./resources/js/*"]
+            "@/*": ["./resources/app/*"]
         },
 
         "module": "ESNext",

vite.config.js

@@ -10,10 +10,13 @@ export default defineConfig({
         __INTLIFY_PROD_DEVTOOLS__: false,
     },
     plugins: [
-        laravel([
-            'resources/scss/main.scss',
-            'resources/js/main.js',
-        ]),
+        laravel({
+            input: [
+                'resources/styles/main.scss',
+                'resources/app/main.js',
+            ],
+            refresh: true,
+        }),
         vue({
             template: {
                 transformAssetUrls: {
@@ -35,7 +38,7 @@ export default defineConfig({
     ],
     resolve: {
         alias: {
-            '@': path.resolve(__dirname, './resources/js'),
+            '@': path.resolve(__dirname, './resources/app'),
         },
         extensions: ['.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.mjs']
     }