<!DOCTYPE html>
<html lang="en" style="height: 100vh; min-height: 100vh">
  <head>
    <meta charset="utf-8">
    <title>vue-carousel</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" integrity="sha384-dNpIIXE8U05kAbPhy3G1cz+yZmTzA6CY8Vg/u2L9xRnHjJiAK76m2BIEaSEV+/aU" crossorigin="anonymous">
  </head>
  <body>
    <div id="your-application-id">
      <strong>Hello From Vue Carousel</strong>
      <carousel source="http://jsonplaceholder.typicode.com/photos?_limit=10"></carousel>
    </div>
    <script src="dist/carousel.js"></script>
  </body>
</html>
<!DOCTYPE html>
<html lang="en" style="height: 100vh; min-height: 100vh">
  <head>
    <meta charset="utf-8">
    <title>vue-carousel</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" integrity="sha384-dNpIIXE8U05kAbPhy3G1cz+yZmTzA6CY8Vg/u2L9xRnHjJiAK76m2BIEaSEV+/aU" crossorigin="anonymous">
  </head>
  <body>
    <div id="your-application-id">
      <strong>Hello From Vue Carousel</strong>
      <carousel source="https://jsonplaceholder.typicode.com/photos?_limit=10"></carousel>
    </div>
    <script src="dist/carousel.js"></script>
  </body>
</html>
Change the request source to HTTP request
Change the request source to HTTP request
