Vue JS

---

Vue.js allows for a component-based approach similar to Angular:

Step 1: Create a Vue Component

Define a new component for your iframe in Vue:

<template>
  <div class="iframe-container" style="position: relative; width: 100%; padding-top: 56.25%;">
    <iframe src="https://iframe.proximaai.co" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" frameborder="0" allowfullscreen></iframe>
  </div>
</template>

<script>
export default {
  name: 'IframeEmbed',
};
</script>

Step 2: Embed the Component

Use the component in your application's template:

<iframe-embed></iframe-embed>