I need to use a JSON file to store some data and utilize them in the components.
[
{
"heroTitle": [
"Banner image",
"assets/images/banner/sunset.jpg",
"sunset.jpg"
],
}
]
The above JSON is an example, and below is my component:
<template>
<header>
<div class="hero">
<h1 class="hero__title">"banner name here"</h1>
<img src="image path and file here" alt="alt text here" />
</div>
</header>
</template>
I am also wondering if there is a way to edit the JSON directly from the application?