Setting up basic application structure

public/js/Pages/Home/Index.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { ref } from 'vue'
+
+defineProps({ text: String })
+
+const count = ref(0);
+
+function increment() {
+    count.value++;
+}
+</script>
+
+<template>
+    <h1>Home Automation</h1>
+    <h2>{{ text }} </h2>
+    <span> {{ count }}</span>
+    <button @click="increment">+</button>
+</template>

public/js/app.js

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