first commit

resources/css/app.css

@@ -0,0 +1,11 @@
+@import 'tailwindcss';
+
+@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
+@source '../../storage/framework/views/*.php';
+@source '../**/*.blade.php';
+@source '../**/*.js';
+
+@theme {
+    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+        'Segoe UI Symbol', 'Noto Color Emoji';
+}

resources/js/app.ts

@@ -0,0 +1,10 @@
+// Load view specific code
+const currentView = document.body.dataset["currentView"];
+
+if (currentView) {
+    // Import the module asynchronously; its top-level code runs on load
+    import(`./views/${currentView}.ts`)
+        // If the module exports an `init` function, call it
+        .then(module => module.init?.())
+        .catch(() => console.warn(`No module for view: ${currentView}`))
+}

resources/js/views/future.ts

@@ -0,0 +1,10 @@
+console.log('Another view')
+
+const button = document.getElementById('show-alert-button');
+if (button) {
+    button.addEventListener('click', function (e) {
+        e.preventDefault();
+
+        alert('Danger!');
+    })
+}

resources/js/views/welcome.ts

@@ -0,0 +1 @@
+console.log('From page JS')