Skip to content

Commit 1ab4a01

Browse files
Author credit modifications
1 parent 55c3da6 commit 1ab4a01

File tree

5 files changed

+34
-106
lines changed

5 files changed

+34
-106
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
## Laravel 10 + Inertia.js + Vue 3 -> single page application
1+
## Laravel 10 + Inertia.js + Vue.js 3 -> single page application
22

33
<div style="display: flex;">
44
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Laravel.svg/985px-Laravel.svg.png" alt="Laravel Logo" style="width: 40px;">

resources/js/Components/Welcome.vue

Lines changed: 23 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -9,20 +9,17 @@ import ApplicationLogo from "@/Components/ApplicationLogo.vue";
99
<h4 class="mt-8 text-2xl font-medium text-gray-900">
1010
Welcome to <b>SPA</b> - single page application project!
1111
</h4>
12-
<b>Please leave a star <i class="fa-regular fa-star"></i></b>
12+
<b>Please leave a star &#11088;</b>
1313
<br />
14-
<a href="https://github.com/perisicnikola37/laravel-inertia-vue-spa" target="_blank"
15-
><b style="color: #6875f5">Click here</b></a
16-
>
14+
<a href="https://github.com/perisicnikola37/laravel-inertia-vue-spa" target="_blank"><b
15+
style="color: #6875f5">Click here</b></a>
1716
<p class="mt-6 leading-relaxed text-gray-500">
1817
This SPA offers an all-in-one solution for managing users and roles, featuring an
1918
easy-to-use dashboard for administrators.
2019
<br />
2120
Built using Laravel+Inertia+Vue+Jetstream <br />
2221
by
23-
<a href="https://github.com/perisicnikola37" target="_blank"
24-
><b style="color: #6875f5">@perisicnikola37</b></a
25-
>
22+
<a href="https://github.com/perisicnikola37" target="_blank"><b style="color: #6875f5">@perisicnikola37</b></a>
2623
</p>
2724
<div class="mt-5">
2825
<h1><b>Application analytics:</b></h1>
@@ -31,65 +28,39 @@ import ApplicationLogo from "@/Components/ApplicationLogo.vue";
3128
Role count: <span style="color: #6875f5">{{ $page.props.counts.roleCount }}</span>
3229
</div>
3330
</div>
34-
<div
35-
class="grid grid-cols-1 gap-6 p-6 bg-gray-200 bg-opacity-25 md:grid-cols-2 lg:gap-8 lg:p-8"
36-
>
31+
<div class="grid grid-cols-1 gap-6 p-6 bg-gray-200 bg-opacity-25 md:grid-cols-2 lg:gap-8 lg:p-8">
3732
<div>
3833
<div class="flex items-center">
39-
<svg
40-
xmlns="http://www.w3.org/2000/svg"
41-
fill="none"
42-
viewBox="0 0 24 24"
43-
stroke-width="1.5"
44-
class="w-6 h-6 stroke-gray-400"
45-
>
46-
<path
47-
stroke-linecap="round"
48-
stroke-linejoin="round"
49-
d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"
50-
/>
34+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
35+
class="w-6 h-6 stroke-gray-400">
36+
<path stroke-linecap="round" stroke-linejoin="round"
37+
d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
5138
</svg>
5239
<h2 class="ml-3 text-xl font-semibold text-gray-900">
5340
<a href="https://laravel.com/docs">Documentation</a>
5441
</h2>
5542
</div>
5643

5744
<p class="mt-4 text-sm">
58-
<a
59-
target="_blank"
60-
href="https://github.com/perisicnikola37/laravel-inertia-vue-spa/blob/master/README.md"
61-
class="inline-flex items-center font-semibold text-indigo-700"
62-
>
45+
<a target="_blank" href="https://github.com/perisicnikola37/laravel-inertia-vue-spa/blob/master/README.md"
46+
class="inline-flex items-center font-semibold text-indigo-700">
6347
Explore the repository documentation
6448

65-
<svg
66-
xmlns="http://www.w3.org/2000/svg"
67-
viewBox="0 0 20 20"
68-
class="w-5 h-5 ml-1 fill-indigo-500"
69-
>
70-
<path
71-
fill-rule="evenodd"
49+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="w-5 h-5 ml-1 fill-indigo-500">
50+
<path fill-rule="evenodd"
7251
d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
73-
clip-rule="evenodd"
74-
/>
52+
clip-rule="evenodd" />
7553
</svg>
7654
</a>
7755
</p>
7856
</div>
7957

8058
<div>
8159
<div class="flex items-center">
82-
<svg
83-
xmlns="http://www.w3.org/2000/svg"
84-
fill="none"
85-
viewBox="0 0 24 24"
86-
stroke-width="1.5"
87-
class="w-6 h-6 stroke-gray-400"
88-
>
89-
<path
90-
stroke-linecap="round"
91-
d="M12 4.5c-3.523 0-6.375 2.747-6.375 6.125 0 3.11 3.472 6.486 6.119 9.18 2.648-2.694 6.119-6.07 6.119-9.18 0-3.378-2.852-6.125-6.375-6.125z"
92-
/>
60+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
61+
class="w-6 h-6 stroke-gray-400">
62+
<path stroke-linecap="round"
63+
d="M12 4.5c-3.523 0-6.375 2.747-6.375 6.125 0 3.11 3.472 6.486 6.119 9.18 2.648-2.694 6.119-6.07 6.119-9.18 0-3.378-2.852-6.125-6.375-6.125z" />
9364
</svg>
9465

9566
<h2 class="ml-3 text-xl font-semibold text-gray-900">
@@ -98,44 +69,18 @@ import ApplicationLogo from "@/Components/ApplicationLogo.vue";
9869
</div>
9970

10071
<p class="mt-4 text-sm">
101-
<a
102-
target="_blank"
103-
href="https://github.com/perisicnikola37/laravel-inertia-vue-spa"
104-
class="inline-flex items-center font-semibold text-indigo-700"
105-
>
72+
<a target="_blank" href="https://github.com/perisicnikola37/laravel-inertia-vue-spa"
73+
class="inline-flex items-center font-semibold text-indigo-700">
10674
Explore the repository
10775

108-
<svg
109-
xmlns="http://www.w3.org/2000/svg"
110-
viewBox="0 0 20 20"
111-
class="w-5 h-5 ml-1 fill-indigo-500"
112-
>
113-
<path
114-
fill-rule="evenodd"
76+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="w-5 h-5 ml-1 fill-indigo-500">
77+
<path fill-rule="evenodd"
11578
d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
116-
clip-rule="evenodd"
117-
/>
79+
clip-rule="evenodd" />
11880
</svg>
11981
</a>
12082
</p>
12183
</div>
122-
123-
<p class="mt-5">
124-
<img
125-
src="https://i.postimg.cc/CMnpbPWn/nullable.jpg"
126-
height="30"
127-
width="100"
128-
alt="nullable()"
129-
title="nullable()"
130-
/>
131-
powered by
132-
<a
133-
style="font-weight: bold"
134-
target="_blank"
135-
href="https://perisicnikola37.github.io/nullable/"
136-
>nullable()</a
137-
>
138-
</p>
13984
</div>
14085
</div>
14186
</template>

resources/js/Pages/Auth/Login.vue

Lines changed: 8 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ const submit = () => {
3030
</script>
3131

3232
<template>
33+
3334
<Head title="Log in" />
3435

3536
<AuthenticationCard>
@@ -44,28 +45,15 @@ const submit = () => {
4445
<form @submit.prevent="submit">
4546
<div>
4647
<InputLabel for="email" value="Email" />
47-
<TextInput
48-
id="email"
49-
v-model="form.email"
50-
type="email"
51-
class="mt-1 block w-full"
52-
required
53-
autofocus
54-
autocomplete="username"
55-
/>
48+
<TextInput id="email" v-model="form.email" type="email" class="mt-1 block w-full" required
49+
placeholder="admin@gmail.com" autofocus autocomplete="username" />
5650
<InputError class="mt-2" :message="form.errors.email" />
5751
</div>
5852

5953
<div class="mt-4">
6054
<InputLabel for="password" value="Password" />
61-
<TextInput
62-
id="password"
63-
v-model="form.password"
64-
type="password"
65-
class="mt-1 block w-full"
66-
required
67-
autocomplete="current-password"
68-
/>
55+
<TextInput id="password" v-model="form.password" type="password" class="mt-1 block w-full" required
56+
placeholder="***********" autocomplete="current-password" />
6957
<InputError class="mt-2" :message="form.errors.password" />
7058
</div>
7159

@@ -77,8 +65,9 @@ const submit = () => {
7765
</div>
7866

7967
<div class="flex items-center justify-end mt-4">
80-
<Link v-if="canResetPassword" :href="route('password.request')" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
81-
Forgot your password?
68+
<Link v-if="canResetPassword" :href="route('password.request')"
69+
class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
70+
Forgot your password?
8271
</Link>
8372

8473
<PrimaryButton class="ml-4" :class="{ 'opacity-25': form.processing }" :disabled="form.processing">

resources/js/Pages/Dashboard.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Welcome from "@/Components/Welcome.vue";
44
</script>
55

66
<template>
7-
<AppLayout title="Dashboard">
7+
<AppLayout title="Laravel | Vue.js | Inertia.js | @perisicnikola37">
88
<div class="py-12">
99
<div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
1010
<div class="overflow-hidden bg-white shadow-xl sm:rounded-lg">

routes/web.php

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,11 @@
22

33
use App\Http\Controllers\RoleController;
44
use App\Http\Controllers\UserController;
5-
use Illuminate\Foundation\Application;
65
use Illuminate\Support\Facades\Route;
76
use Inertia\Inertia;
87

98
Route::get('/', function () {
10-
return Inertia::render('Welcome', [
11-
'canLogin' => Route::has('login'),
12-
'canRegister' => Route::has('register'),
13-
'laravelVersion' => Application::VERSION,
14-
'phpVersion' => PHP_VERSION,
15-
]);
9+
return to_route('login');
1610
});
1711

1812
Route::middleware(['auth:sanctum', config('jetstream.auth_session'), 'verified'])->group(function () {

0 commit comments

Comments
 (0)