{"repo":"justintaddei/v-shared-element","free":true,"listed":false,"github":"https://github.com/justintaddei/v-shared-element","clone":"git clone https://github.com/justintaddei/v-shared-element.git","description":"Declarative shared-element transitions for Vue.js","language":"TypeScript","stars":477,"topics":["vue","animation","shared-element-transition","shared-element","vue-router","route-transitions"],"license":"MIT","category":"ui-components","readme_excerpt":"v-shared-element Declarative shared-element transitions between pages for Vue.js. Uses illusory under the hood. #### v3.1.0 released! Vue 3 is now supported with Vue 2 backwords compatibility Special thanks to @domgew for #26 Example page Source code for the example can be found on the example branch. --- Index - Install - Register the plugin - Vue.js + vue-router (Vue 2) - Vue.js + vue-router (Vue 3) - Nuxt.js - Usage - Usage with v-for - Usage with keep-alive - Options - Setting global options - Vue.js + vue-router (Vue 2) - Vue.js + vue-router (Vue 3) - Nuxt.js - Setting per-element options - Summary - Details - easing - duration - endDuration - zIndex - compositeOnly - includeChildren - ignoreTransparency - restrictToViewport - restrictToRoutes - Usage with page transitions - illusory - Asking questions and reporting bugs - How to contributing - Development setup - Common NPM Scripts - Web page for development - License Install npm or CDN Register the plugin Vue.js + vue-router (Vue 2) or Vue.js + vue-router (Vue 3) or Nuxt.js Simply add it as a module in your nuxt.config.js Usage Add v-shared-element: to an element to transform it into a shared-element. On another page add the directive to an element and use the same namespace. That's it, you're done (there are more options below if you need them). Note: A given namespace should only be used once per-page. See below for usage with v-for . Also, keep-alive routes need special treatment (see below). Usage with v-for Suppos","default_branch":null,"files":null,"tree":[],"storefront":"/r/justintaddei","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/justintaddei/v-shared-element/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}