text: import getData from '../utils/getData';
  
  const Home = async () => {
    const characters = await getData();
    const view = `
      <div class="Characters">
        ${characters.results.map(character => `
          <article class="Character-item">
            <a href="#/${character.id}/">
              <img src="${character.image}" alt="${character.name}">
              <h2>${character.name}</h2>
            </a>
          </article>
        `).join('')}
      </div>
    `;
    return view;
  };
  
  export default Home;