アプリケーションを作成するまでにおけるエディター周りの初期設定

@@ -6,7 +6,9 @@
     "printWidth": 150,
     "plugins": ["prettier-plugin-organize-imports", "prettier-plugin-tailwindcss"],
     "tailwindFunctions": ["clsx", "cn"],
-    "tabWidth": 4,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "arrowParens": "always",
     "overrides": [
         {
             "files": "**/*.yml",

npm run format

.editorconfig
@@ -8,11 +8,15 @@ indent_style = space
 insert_final_newline = true
 trim_trailing_whitespace = true

+[*.{json,js,jsx,ts,tsx}]
+indent_size = 2
+
 [*.md]
+indent_size = 2
 trim_trailing_whitespace = false

 [*.{yml,yaml}]
 indent_size = 2

 [docker-compose.yml]
-indent_size = 4
+indent_size = 2

npm run lint
npm run format
npm run types
php artisan test
./vendor/bin/pint

import tailwindcss from '@tailwindcss/vite';
import react from '@vitejs/plugin-react';
import laravel from 'laravel-vite-plugin';
import { resolve } from 'node:path';
import { defineConfig, loadEnv } from 'vite';

export default defineConfig(({ mode }) => {
    const env = loadEnv(mode, process.cwd(), '');
    return {
        server: {
            host: true,
            port: env.VITE_PORT || 5173,
            origin: `http://${env.VITE_HMR_HOST}:${env.VITE_PORT || 5173}`,
            cors: true,
            hmr: {
                host: env.VITE_HMR_HOST || 'localhost',
            },
        },
        plugins: [
            laravel({
                input: ['resources/css/app.css', 'resources/js/app.tsx'],
                ssr: 'resources/js/ssr.tsx',
                refresh: true,
            }),
            react(),
            tailwindcss(),
        ],
        esbuild: {
            jsx: 'automatic',
        },
        resolve: {
            alias: {
                'ziggy-js': resolve(__dirname, 'vendor/tightenco/ziggy'),
            },
        },
    };
});

server: {
    host: true,
    port: env.VITE_PORT || 5173,
    origin: `http://${env.VITE_HMR_HOST}:${env.VITE_PORT || 5173}`,
    cors: true,
    hmr: {
        host: env.VITE_HMR_HOST || 'localhost',
    },
},

npm run dev