From 7991b097571fc410f53894b324803c4ca6381469 Mon Sep 17 00:00:00 2001
From: Alexander Dischberg <noxasch@gmail.com>
Date: Mon, 22 Jul 2024 02:14:51 +0800
Subject: [PATCH] doc: vue path should follow default path

Ensure proper path for vue page components
---
 docs/guide/pages.md | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/docs/guide/pages.md b/docs/guide/pages.md
index 4282b18..169f54e 100644
--- a/docs/guide/pages.md
+++ b/docs/guide/pages.md
@@ -428,12 +428,13 @@ If you're using persistent layouts, you may find it convenient to define the def
 == Vue 2
 
 ```js
+// frontend/entrypoints/inertia.js
 import Layout from './Layout'
 
 createInertiaApp({
   resolve: (name) => {
-    const pages = import.meta.glob('./pages/**/*.vue', { eager: true })
-    let page = pages[`./pages/${name}.vue`]
+    const pages = import.meta.glob('../pages/**/*.vue', { eager: true })
+    let page = pages[`../pages/${name}.vue`]
     page.default.layout = page.default.layout || Layout
     return page
   },
@@ -444,12 +445,13 @@ createInertiaApp({
 == Vue 3
 
 ```js
+// frontend/entrypoints/inertia.js
 import Layout from './Layout'
 
 createInertiaApp({
   resolve: (name) => {
-    const pages = import.meta.glob('./pages/**/*.vue', { eager: true })
-    let page = pages[`./pages/${name}.vue`]
+    const pages = import.meta.glob('../pages/**/*.vue', { eager: true })
+    let page = pages[`../pages/${name}.vue`]
     page.default.layout = page.default.layout || Layout
     return page
   },
@@ -499,12 +501,13 @@ You can even go a step further and conditionally set the default page layout bas
 == Vue 2
 
 ```js
+// frontend/entrypoints/inertia.js
 import Layout from './Layout'
 
 createInertiaApp({
   resolve: (name) => {
-    const pages = import.meta.glob('./pages/**/*.vue', { eager: true })
-    let page = pages[`./pages/${name}.vue`]
+    const pages = import.meta.glob('../pages/**/*.vue', { eager: true })
+    let page = pages[`../pages/${name}.vue`]
     page.default.layout = name.startsWith('Public/') ? undefined : Layout
     return page
   },
@@ -515,12 +518,13 @@ createInertiaApp({
 == Vue 3
 
 ```js
+// frontend/entrypoints/inertia.js
 import Layout from './Layout'
 
 createInertiaApp({
   resolve: (name) => {
-    const pages = import.meta.glob('./pages/**/*.vue', { eager: true })
-    let page = pages[`./pages/${name}.vue`]
+    const pages = import.meta.glob('../pages/**/*.vue', { eager: true })
+    let page = pages[`../pages/${name}.vue`]
     page.default.layout = name.startsWith('Public/') ? undefined : Layout
     return page
   },