Hey there, I'm currently in the process of transitioning our Vuetify app to Laravel 8, Jetstream, and the inertia stack. While going through ./resources/js/app.js, I came across this line:
const app = document.getElementById('app');
This code is used to select the app element in the DOM. But my question is - what exactly defines the app?
In my Laravel 7 app, it was defined in a single blade.php file like this:
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
<div id="app"></div>
<script src="{{ asset('js/app.js') }}" defer></script>
</body>
In Laravel 8, I am unable to locate where the 'app' is defined and encountering some issues such as:
initialPage: JSON.parse(app.dataset.page),
[Vue warn]: Error in render: "SyntaxError: Unexpected token u in JSON at position 0"
If you have any insights or solutions to this problem, would greatly appreciate it. Thanks, Jim from Florida