working on guidelines

Author: taylorotwell

.ai/inertia-react/core.blade.php

@@ -1,12 +1,16 @@
+## Inertia + React
+
 - Use `router.visit()` or `<Link>` for navigation instead of traditional links.
-<code-snippet lang="react" name="Inertia client navigation">
+
+<code-snippet lang="react" name="Inertia Client Navigation">
     import { Link } from '@inertiajs/react'
 
     <Link href="/">Home</Link>
 </code-snippet>
 
-- For form handling, use `router.post` and related methods, do not use regular forms.
-<code-snippet lang="react" name="Form example">
+- For form handling, use `router.post` and related methods. Do not use regular forms.
+
+<code-snippet lang="react" name="Inertia React Form Example">
 import { useState } from 'react'
 import { router } from '@inertiajs/react'
 
@@ -20,6 +24,7 @@
     function handleChange(e) {
         const key = e.target.id;
         const value = e.target.value
+
         setValues(values => ({
             ...values,
             [key]: value,
@@ -28,6 +33,7 @@ function handleChange(e) {
 
     function handleSubmit(e) {
         e.preventDefault()
+
         router.post('/users', values)
     }
 

.ai/inertia-vue/core.blade.php

@@ -1,14 +1,18 @@
+## Inertia + Vue
+
 - Vue components must have a single root element.
 - Use `router.visit()` or `<Link>` for navigation instead of traditional links.
-<code-snippet lang="vue" name="Inertia client navigation">
+
+<code-snippet lang="vue" name="Inertia Client Navigation">
     import { Link } from '@inertiajs/vue3'
 
     <Link href="/">Home</Link>
 </code-snippet>
 
-- For form handling, use `router.post` and related methods, do not use regular forms.
+- For form handling, use `router.post` and related methods. Do not use regular forms.
+
 @verbatim
-<code-snippet lang="vue" name="Form example">
+<code-snippet lang="vue" name="Inertia Vue Form Example">
     <script setup>
     import { reactive } from 'vue'
     import { router } from '@inertiajs/vue3'