Prevent escaping JSON

Author: pascalbaljet

src/Directive.php

@@ -24,7 +24,7 @@ public static function compile($expression = ''): string
             if ($__inertiaSsrResponse) {
                 echo $__inertiaSsrResponse->body;
             } elseif (config(\'inertia.use_script_element_for_initial_page\')) {
-                ?><script data-page="'.$id.'" type="application/json">{{ json_encode($page) }}</script><div id="'.$id.'"></div><?php
+                ?><script data-page="'.$id.'" type="application/json">{!! json_encode($page) !!}</script><div id="'.$id.'"></div><?php
             } else {
                 ?><div id="'.$id.'" data-page="{{ json_encode($page) }}"></div><?php
             }

tests/DirectiveTest.php

@@ -70,7 +70,7 @@ public function test_inertia_directive_renders_the_root_element_and_script_eleme
             'inertia.use_script_element_for_initial_page' => true,
         ]);
 
-        $html = '<script data-page="app" type="application/json">{&quot;component&quot;:&quot;Foo\/Bar&quot;,&quot;props&quot;:{&quot;foo&quot;:&quot;bar&quot;},&quot;url&quot;:&quot;\/test&quot;,&quot;version&quot;:&quot;&quot;,&quot;encryptHistory&quot;:false,&quot;clearHistory&quot;:false}</script><div id="app"></div>';
+        $html = '<script data-page="app" type="application/json">{"component":"Foo\/Bar","props":{"foo":"bar"},"url":"\/test","version":"","encryptHistory":false,"clearHistory":false}</script><div id="app"></div>';
 
         $this->assertSame($html, $this->renderView('@inertia', ['page' => self::EXAMPLE_PAGE_OBJECT]));
         $this->assertSame($html, $this->renderView('@inertia()', ['page' => self::EXAMPLE_PAGE_OBJECT]));
@@ -106,7 +106,7 @@ public function test_inertia_directive_can_use_a_different_root_element_id_when_
             'inertia.use_script_element_for_initial_page' => true,
         ]);
 
-        $html = '<script data-page="foo" type="application/json">{&quot;component&quot;:&quot;Foo\/Bar&quot;,&quot;props&quot;:{&quot;foo&quot;:&quot;bar&quot;},&quot;url&quot;:&quot;\/test&quot;,&quot;version&quot;:&quot;&quot;,&quot;encryptHistory&quot;:false,&quot;clearHistory&quot;:false}</script><div id="foo"></div>';
+        $html = '<script data-page="foo" type="application/json">{"component":"Foo\/Bar","props":{"foo":"bar"},"url":"\/test","version":"","encryptHistory":false,"clearHistory":false}</script><div id="foo"></div>';
 
         $this->assertSame($html, $this->renderView('@inertia(foo)', ['page' => self::EXAMPLE_PAGE_OBJECT]));
         $this->assertSame($html, $this->renderView("@inertia('foo')", ['page' => self::EXAMPLE_PAGE_OBJECT]));