Vue.js Setup

The library can also be used as a Vue component:

Install the package

npm install @open-iframe-resizer/vue

Import the component

Caution

If your iframe is on another domain, don’t forget to load the script on the child page, more info here.

import { createApp } from "vue";
import { IframeResizer } from "@open-iframe-resizer/vue";

createApp({
  components: {
    IframeResizer
  },
  template: `
      <div>
        <IframeResizer src=""https://github.com" />
      </div>
    `,
}).mount("#app");

Example

A full working project is also available here