[Vue] migrate debugging angularjs controller to vue component

[diosmosis]

Description:

Changes:

• migrate debugging angularjs controller to vue component

Review

• Functional review done
• Potential edge cases thought about (behavior of the code with strange input, with strange internal state or possible interactions with other Matomo subsystems)
• Usability review done (is anything maybe unclear or think about anything that would cause people to reach out to support)
• Security review done
• Wording review done
• Code review done
• Tests were added if useful/possible
• Reviewed for breaking changes
• Developer changelog updated if needed
• Documentation added if needed
• Existing documentation updated if needed

[diosmosis]

Note: UI test failure looks random.

Also, note that this will break existing previews since the HTML appears to be saved on the filesystem. Disabling and enabling the preview fixes it. If needed we can perhaps disable all previews in an update in core.

[AltamashShaikh]

@diosmosis
We should update it in core, since users might complain that after a recent upgrade Matomo Tag Manager preview is not working.
Also, we can regenerate all the containers or make use of this method generateContainerIfHasPreviewRelease to regenerate only when preview enabled.

[diosmosis]

@AltamashShaikh created a core PR here: matomo-org/matomo#18921

[AltamashShaikh]

@diosmosis I just saw this
https://github.com/matomo-org/tag-manager/blob/4.x-dev/TagManager.php#L55

On update we are triggering regenerateReleasedContainers so we don't need the change in core, we can keep the plugin changes but no need to make changes in core

[diosmosis]

@AltamashShaikh oh I see, that's interesting, I'll close the core PR, nice catch, thanks!