using library without vue-router

I was thinking of ways to use the library for transforms that don’t involve vue-router. For example, a modal opening that doesn’t change the history/url. For example, imagine the code

<template>
  <div>
    <div style="display: flex;">
      <div style="color: blue;" v-shared-element:test="{ includeChildren: true}">Blue</div>
      <div style="margin-left: auto; color: red;" v-shared-element:test="{ includeChildren: true}">Red</div>
    </div>
    <button type="button" @click="condition = !condition">Change</button>
  </div>
</template>

And having that work v-shared-element

[719media]

The work done in this issue so far is definitely just brainstorming, I wouldn’t say any concept so far is something I think is ready for a PR.

Maybe, I’ll take a look at framer-motion.

[justintaddei]

After playing with this for a long time and still not getting anything that I’d consider reliable enough to ship, and dealing with some performance issues when many shared-elements are present on a single route, I think is a feature best kept for a separate package. If I find some free time I may work on another directive (or component) that is capable of performing such a task.

In the meantime, I’m going to close this issue.
I will reply to this thread if I make any more progress on this. Thank you for all your input and time spent brainstorming!