Struggling with incorporating a typeform into my website through the use of both vue and laravel.
The problem arises when trying to embed the typeform using a script, as Vue throws an error when attempting to include the script directly within the component. The specific error reads:
- "Templates should solely focus on transforming state into UI elements. Avoid placing tags with side-effects in your templates, such as , as they will not be interpreted."
To tackle this issue, I am experimenting with injecting the script into the vue component utilizing the Mounted() method. Below is the current code snippet:
mounted() {
var ts = document.createElement('script')
ts.setAttribute('src','http://applyingawareness.com/public/js/typeformScripts/tf-merch.js');
var tfDiv = document.getElementById('typeform');
tfDiv.insertAdjacentElement('afterend',ts);
}
In the mentioned code, I have specified the Url for the script in the setAttribute method within my public/js directory. However, encountering issues where the requested script displays a 301 followed by a 404 error. Additionally, upon inspecting the "sources" tab, the tf-merch.js file is not visible.
Seeking guidance on how to effectively load external scripts, like that of typeform, into the dom to seamlessly incorporate them within my components.