From d6805e3ebc942d4be3f0cd6cb23fc519bab17c03 Mon Sep 17 00:00:00 2001
From: Tony Lea <tnylea@gmail.com>
Date: Sun, 23 Jun 2024 09:05:52 -0400
Subject: [PATCH] Adding content about inertia links here

---
 assets/css/main.css                     | 35 +++++++++++++++++++
 content/docs/install/breeze/index.md    | 46 ++++++++++++++++++++++++-
 content/docs/install/jetstream/index.md | 45 ++++++++++++++++++++++++
 3 files changed, 125 insertions(+), 1 deletion(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 2a6d5c2..57ccdf9 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -141,4 +141,39 @@ font-family: 'Rota';
 
 .language-makefile .hljs-comment{
   color: #87e778;
+}
+
+.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
+  background: #292932;
+    text-decoration: none;
+    font-style: normal !important;
+    padding: 5px 10px;
+    line-height: auto;
+    border-radius: 4px;
+    border-left-color: #bcfb4f;
+    border-inline-start-color: #bcfb4f !important;
+    border-bottom: 1px dotted #39393f;
+    border-top: 1px dotted #39393f;
+    border-right: 1px dotted #39393f;
+
+  svg {
+    color: #bcfb4f;
+    margin-right:5px;
+    margin-bottom:-2px;
+  }
+
+  p{
+    margin-top:5px;
+    margin-bottom:5px;
+    @apply flex items-center;
+  }
+
+  span{
+    transform: translateY(1px);
+    display: inline-block;
+  }
+}
+
+.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
+  content: '' !important;
 }
\ No newline at end of file
diff --git a/content/docs/install/breeze/index.md b/content/docs/install/breeze/index.md
index 4b8d279..c6366a2 100644
--- a/content/docs/install/breeze/index.md
+++ b/content/docs/install/breeze/index.md
@@ -63,9 +63,53 @@ As Breeze depends on the `name` field for registration, you'll want to enable th
 
 You can do that by visiting the `/auth/setup` route, clicking on `Settings`, and enabling the `Registration Include Name Field` option.
 
+## Modify Inertia Links
+
+> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" /></svg><span>Only applicable when using Inertia Stack</span>
+  
+By default your application `Welcome.vue` file located inside of `resources/js/Pages/Welcome.*` will have the following component links using the `Link` component:
+
+```html
+<Link
+    :href="route('login')"
+    class="..."
+>
+    Log in
+</Link>
+
+<Link
+    v-if="canRegister"
+    :href="route('register')"
+    class="..."
+>
+    Register
+</Link>
+```
+
+You will need to replace these `Link` elements with an `a` element, so that it looks like this instead:
+
+```html
+<a
+    :href="route('login')"
+    class="..."
+>
+    Log in
+</a>
+
+<a
+    v-if="canRegister"
+    :href="route('register')"
+    class="..."
+>
+    Register
+</a>
+```
+
+This is because when the application uses the `Link` element, Inertia will open these links via XHR requests, but we need them to perform their own request and function like normal links (the traditional `a` tags).
+
 ## Remove the Breeze Auth Views & Controllers
 
-Since we are now using the DevDojo Auth package we no longer need the Breeze views and controllers. 
+Since we are now using the DevDojo Auth package we no longer need the Breeze authentication views and controllers. 
 
 Depending on the stack that you chose you may find the Breeze views in the assets folder or the views folder. These assets will have a parent folder called `auth` which you can remove. You'll want to remove the views and controllers that handle the Breeze authentication.
 
diff --git a/content/docs/install/jetstream/index.md b/content/docs/install/jetstream/index.md
index 3ead85b..737b1d8 100644
--- a/content/docs/install/jetstream/index.md
+++ b/content/docs/install/jetstream/index.md
@@ -72,6 +72,51 @@ As Breeze depends on the `name` field for registration, you'll want to enable th
 
 You can do that by visiting the `/auth/setup` route, clicking on `Settings`, and enabling the `Registration Include Name Field` option.
 
+## Modify Inertia Links
+
+> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" /></svg><span>Only applicable when using Inertia Stack</span>
+  
+By default your application `Welcome.vue` file located inside of `resources/js/Pages/Welcome.*` will have the following component links using the `Link` component:
+
+```html
+<Link
+    :href="route('login')"
+    class="..."
+>
+    Log in
+</Link>
+
+<Link
+    v-if="canRegister"
+    :href="route('register')"
+    class="..."
+>
+    Register
+</Link>
+```
+
+You will need to replace these `Link` elements with an `a` element, so that it looks like this instead:
+
+```html
+<a
+    :href="route('login')"
+    class="..."
+>
+    Log in
+</a>
+
+<a
+    v-if="canRegister"
+    :href="route('register')"
+    class="..."
+>
+    Register
+</a>
+```
+
+This is because when the application uses the `Link` element, Inertia will open these links via XHR requests, but we need them to perform their own request and function like normal links (the traditional `a` tags).
+
+
 ## Conditionally Enable 2FA
 
 If you want to enable two-factor authentication on your site you can do that by visiting `/auth/setup` and clicking on the `settings` section. Then toggle the `Enable 2fa` option and you users will now see the ability to enable two-factor authentication from their edit profile page.