Comments (11)
@njoguamos that makes sense, passing an array would probably be a good feature to have.
from inertia-laravel.
@georgehanson Thanks for noting that. It was a typo and have updated my comment.
However, I dug deeper to Inertia and found out that withViewData
does not work array
public function withViewData($key, $value)
{
$this->viewData[$key] = $value;
return $this;
}
Instead it should be as suggested by this PR
public function withViewData($key, $value = null)
{
if (is_array($key)) {
foreach ($key as $k => $value) {
$this->viewData[$k] = $value;
}
} else {
$this->viewData[$key] = $value;
}
return $this;
}
I hope am clear 😄
from inertia-laravel.
Hi @njoguamos
You can already pass an array, withViewData is not needed.
public function index() {
return Inertia::render('Contact/Index', [
'title' => 'Contact Us | My App',
'description' => 'Contact us with your comments, questions, and suggestions',
'meta' => 'Some other SEO meta'
]);
}
If you'll define the props (title, description and meta) in your Index.vue the values will become available.
from inertia-laravel.
+1 on this...unless I'm missing a way to update the content in the tag for SEO?
from inertia-laravel.
@connecteev check this: https://github.com/inertiajs/inertia-laravel#accessing-data-in-root-template
from inertia-laravel.
I believe the idea of @reinink having withViewData
is to be able to pass variables to Laravel blade template
.
@nckrtl the solution you provided works only if one want to pass data to vue (which by the way is okay) but I want the array data to be accessible to my app.blade.php
from inertia-laravel.
aha, in that case I misunderstood your question.
from inertia-laravel.
😄 Not really, I am the one who did not explain well.
from inertia-laravel.
@njoguamos I noticed there is a comma after specifying the Vue Component name. The render method on the ResponseFactory
has the second argument default to an empty array if it has not been provided, so this exception shouldn't be thrown. Have you tried changing it from this:
public function index() {
return Inertia::render('Contact/Index',)->withViewData([
'title' => 'Contact Us | My App',
'description' => 'Contact us with your comments, questions, and suggestions',
'meta' => 'Some other SEO meta'
]);
}
To this:
public function index() {
return Inertia::render('Contact/Index')->withViewData([
'title' => 'Contact Us | My App',
'description' => 'Contact us with your comments, questions, and suggestions',
'meta' => 'Some other SEO meta'
]);
}
from inertia-laravel.
@enzonotario thanks
from inertia-laravel.
@reinink has updated withViewData
to support array see commit
from inertia-laravel.
Related Issues (20)
- Vue Watch not working upon redirect route HOT 2
- Problem with SSR HOT 1
- Force app.blade.php to reload HOT 2
- Should Inertia middleware call session()->setPreviousUrl? HOT 6
- - HOT 1
- redirection to /dashboard after login does not work HOT 1
- Prevent a webpage from navigating away HOT 1
- Release notes for 1.0 could make it more clear that "Fix URL generation (#592)" is a breaking change HOT 5
- Ziggy2.0 and Laravel11 and Breeze for Inertia + React, TypeScript and SSR starter kit throws error on initial setting HOT 2
- assertInertia() fails when testing Inertia visits HOT 1
- Inertia components/hooks wrapped with redux Provider stopped working HOT 2
- client-side validation libraries HOT 1
- SSR high CPU usage HOT 1
- Serve Connection Reset HOT 1
- Default Layout HOT 1
- adding to HandleInertiaRequests->share array no longer works in version 1.2.0 HOT 5
- Running inertia:start-ssr continuosly fails with message 'Node.js v18.19.0' HOT 2
- Edge Side Rendering (ESR) with Cloudflare Workers
- Popups instead of redirects due to the first response to API request is randomly returned as "200 text/html" HOT 1
- Partial reload behaviour change in 1.1.0 causes lazy attributes not to be reloaded correctly HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from inertia-laravel.