Create endpoint, controller and front-end assets for SPA prototype

range-of-motion · Oct 23, 2023 · f6c5192 · f6c5192
1 parent f189d51
commit f6c5192
Show file tree

Hide file tree

Showing 6 changed files with 39 additions and 0 deletions.
diff --git a/app/Http/Controllers/PrototypeController.php b/app/Http/Controllers/PrototypeController.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class PrototypeController extends Controller
+{
+    public function __invoke()
+    {
+        return view('prototype');
+    }
+}
diff --git a/resources/assets/js/prototype.js b/resources/assets/js/prototype.js
diff --git a/resources/assets/js/prototype/app.js b/resources/assets/js/prototype/app.js
@@ -0,0 +1,8 @@
+import Vue from 'vue';
+
+import App from './components/App.vue';
+
+const app = new Vue({
+    el: '#app',
+    render: h => h(App)
+})
diff --git a/resources/assets/js/prototype/components/App.vue b/resources/assets/js/prototype/components/App.vue
@@ -0,0 +1,9 @@
+<script setup>
+//
+</script>
+
+<template>
+    <div>
+        <div>Hello world</div>
+    </div>
+</template>
diff --git a/resources/views/prototype.blade.php b/resources/views/prototype.blade.php
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+    <body>
+        <div id="app"></div>
+        @vite('resources/assets/js/prototype/app.js')
+    </body>
+</html>
diff --git a/routes/web.php b/routes/web.php
@@ -27,6 +27,8 @@
 
 Route::get('/', [IndexController::class, 'index'])->name('index');
 
+Route::get('/prototype', \App\Http\Controllers\PrototypeController::class);
+
 Route::group(['middleware' => ['guest']], function () {
     Route::get('/login', [LoginController::class, 'index'])->name('login');
     Route::post('/login', [LoginController::class, 'store']);