Refactor examples/* (#42)

examples/auto-play.vue

@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <h2>Autoplay</h2>
+    <vue-horizontal-list :items="items" :options="options">
+      <template v-slot:default="{ item }">
+        <div class="item">
+          <h3>{{ item.title }}</h3>
+          <p>{{ item.content }}</p>
+        </div>
+      </template>
+    </vue-horizontal-list>
+  </div>
+</template>
+
+<script>
+import VueHorizontalList from "@/vue-horizontal-list.vue";
+
+export default {
+  name: "auto-play",
+  components: {
+    VueHorizontalList,
+  },
+  data() {
+    return {
+      items: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((i) => {
+        return { title: `Auto play ${i}`, content: `Auto play, 3000ms.` };
+      }),
+      options: {
+        autoplay: { play: true, repeat: true, speed: 3000 },
+      },
+    };
+  },
+};
+</script>
+
+<style scoped>
+.item {
+  padding: 24px;
+  border-radius: 3px;
+  background: #f5f5f5;
+}
+</style>