swup
-
Describe your problem 🧐I'm trying to unmount (for the moment, just console log something) a vue component (Test.vue) after page transition, but it never fires. Could be I missing something from Swup, Vue or Astro? What is your question? 🙋♀️Does unMounted runs with using Swup/astro with vue component? URL to minimal reproduction 🔗https://github.com/ercovi/Astro-swup-vue Checked all these? 📚
|
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
You could hook right before the content is replaced by swup and run your custom logic there.
|
Beta Was this translation helpful? Give feedback.
-
|
Swup has no knowledge of any frontend frameworks on the page, so it has no way of notifying them that the content will be unloaded. To get an unload callback for Vue components to work, there would need to be a plugin that identifies and keeps track of Vue instances in the dom. Currently, no such plugin exists but it should certainly be possible if there‘s enough demand :) |
Beta Was this translation helpful? Give feedback.
You could hook right before the content is replaced by swup and run your custom logic there.
swup.hooks.before('content:replace', (visit) => console.log(visit))