Toasts won't display when navigating with Turbolinks

[Arns]

Versions

• 1.0

Describe the bug

Using vue.js 2 with vue-toastification on a multi-page app that uses turbolinks. Upon refreshing the page, everything works fine and the toast shows. When I navigate to a page and come back to the page with a toast, nothing displays. It has to be something with how turbolinks replaces the elements.

I do have my Vue.use(Toast) in a turbolinks:load event that fires every time the page changes, but this doesn't fix the problem.

Expected behavior

Toasts should still appear when navigating with Turbolinks.

Steps to reproduce

Steps:

1. Install normally with Vue.js 2 app that initializes on turbolinks:load
2. Use toast anywhere
3. navigate anywhere with turbolinks then navigate to the page with the toast
4. Toast will not display (even though it did display on first page load)

Your Environment

• Device: Laptop Dell XPS
• OS: Windows 11
• Browser Chrome
• Version 111