#9 - set up inertia and tailwind

resources/js/Pages/Welcome.vue

@@ -0,0 +1,9 @@
+<template>
+  <h1>Hello world!</h1>
+</template>
+
+<script>
+export default {
+  name: "Welcome"
+}
+</script>

resources/js/app.js

@@ -1 +1,14 @@
-require('./bootstrap');
+import {createApp, h} from 'vue'
+import {createInertiaApp} from '@inertiajs/inertia-vue3'
+import {InertiaProgress} from '@inertiajs/progress'
+
+createInertiaApp({
+    resolve: name => require(`./Pages/${name}`),
+    setup({el, App, props, plugin}) {
+        createApp({render: () => h(App, props)})
+            .use(plugin)
+            .mount(el)
+    },
+});
+
+InertiaProgress.init()

resources/js/bootstrap.js

@@ -1,28 +0,0 @@
-window._ = require('lodash');
-
-/**
- * We'll load the axios HTTP library which allows us to easily issue requests
- * to our Laravel back-end. This library automatically handles sending the
- * CSRF token as a header based on the value of the "XSRF" token cookie.
- */
-
-window.axios = require('axios');
-
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
-
-/**
- * Echo exposes an expressive API for subscribing to channels and listening
- * for events that are broadcast by Laravel. Echo and event broadcasting
- * allows your team to easily build robust real-time web applications.
- */
-
-// import Echo from 'laravel-echo';
-
-// window.Pusher = require('pusher-js');
-
-// window.Echo = new Echo({
-//     broadcaster: 'pusher',
-//     key: process.env.MIX_PUSHER_APP_KEY,
-//     cluster: process.env.MIX_PUSHER_APP_CLUSTER,
-//     forceTLS: true
-// });