Merge pull request #8 from theblindfrog/feature/make-root-element-id-…

…customizable feat: Make root element id customizable
tbreuss · Jul 24, 2024 · 1e93f4d · 1e93f4d
2 parents bad79fd + b2b4e64
commit 1e93f4d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/Inertia.php b/Inertia.php
@@ -22,6 +22,9 @@ class Inertia extends Component
 
     /** @var string */
     public $view = '@tebe/inertia/views/inertia';
+
+    /** @var string */
+    public $rootElementId = 'app';
 
     /**
      * @inheritDoc

diff --git a/README.md b/README.md
@@ -32,6 +32,7 @@ return [
     'components' => [
         'inertia' => [
             'class' => 'tebe\inertia\Inertia'
+            'rootElementId' => 'app' // optional per https://inertiajs.com/client-side-setup#defining-a-root-element
         ],
         'request' => [
             'cookieValidationKey' => '<cookie_validation_key>',

diff --git a/views/inertia.php b/views/inertia.php
@@ -1,4 +1,4 @@
 <?php
 /* @var $page array */
 ?>
-<div id="app" data-page="<?= htmlspecialchars(json_encode($page)) ?>"></div>
+<div id="<?= \Yii::$app->get('inertia')->rootElementId ?>" data-page="<?= htmlspecialchars(json_encode($page)) ?>"></div>