Add looping

[weotch]

• POC cloning a slide
• Test cloning a slide containing child components (like vue-visual)
  • I'm not sure if current approach needs to recursively clone children, some of the examples I found depended on that Seems to be fine w/o
  • We'll need Don't trigger loading transition if asset already loaded in memory  vue-visual#61 to prevent flickering when switching slides (I'd rather not have to just always disable transitions because I like them for the initial load)
• Implement looping pagination behavior
• Disable bounding when loop is enabled
• Support dragging to the left (currently always returns to index 0)
• Make dots an emitted events return looped index values
• Reorder slides and add offset when out of bounds
  • Add support for multiple slides per page
  • Fix whatever is up with pagination dots
• When multiple slides per page and not enough to fill a page, fill with empty space so we don't run into issues with pagination.
  • For instance, with 5 slides and 2 per page, one 3rd page, if we don't make the rest of the slides empty, then index 4 would begin with slide 2 and everything gets more wonky from there.
  • I think this is a better solution than, say, making page 3 a sort of half page ... that feels less loop-y to me.
    • Could the ssr-carousel-slide add this ... like add margin-right equal to whatever is needed? And only when @loop?
    • I changed my mind, I think the code will be a lot cleaner if one move from last page to new first page, we just advance to the start of page 0. I think UX is a wash, it has some pros and some cons but the simplicity of the code change wins out. The gutter logic stays consistent this way and the carousel is always full looking.
  • Update the docs to call out this behavior

Closes #10, #29

[netlify]

✔️ Deploy Preview for vue-ssr-carousel ready!

🔨 Explore the source changes: 9ac74d3

🔍 Inspect the deploy log: https://app.netlify.com/sites/vue-ssr-carousel/deploys/6214675bf855e90008bc3de3

😎 Browse the preview: https://deploy-preview-33--vue-ssr-carousel.netlify.app