RoryCombe/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Pico Slider Test</title>
  </head>
  <body>
    <script src="https://unpkg.com/pico-slider/dist/index.js" type="module" async defer></script>
    <script type="module">
      const characters = await fetch('https://rickandmortyapi.com/api/character').then((res) => res.json());
      const elem = document.createElement('pico-slider');
      elem.setAttribute('selected-index', 1);
      elem.innerHTML = characters.results.map((c) => `<img src="${c.image}" />`).join('');
      document.body.append(elem);
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Pico Slider Test</title>
	</head>
	<body>
	<script src="https://unpkg.com/pico-slider/dist/index.js" type="module" async defer></script>
	<script type="module">
	const characters = await fetch('https://rickandmortyapi.com/api/character').then((res) => res.json());
	const elem = document.createElement('pico-slider');
	elem.setAttribute('selected-index', 1);
	elem.innerHTML = characters.results.map((c) => `<img src="${c.image}" />`).join('');
	document.body.append(elem);
	</script>
	</body>
	</html>