add iframe-resizer

Commbocc · Mar 6, 2023 · 82b930a · mccarthyk · Mar 6, 2023 · JordanPisani
1 parent 2144c95
commit 82b930a
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -5,4 +5,6 @@ export default defineNuxtConfig({
   app: {
     baseURL: "/hc-certified-backflow-testers/",
   },
+
+  plugins: [{ src: "~/plugins/iframe-resize", mode: "client" }],
 });
diff --git a/package.json b/package.json
@@ -9,7 +9,9 @@
   },
   "devDependencies": {
     "@picocss/pico": "^1.5.7",
+    "@types/iframe-resizer": "^3.5.9",
     "axios": "^1.3.3",
+    "iframe-resizer": "^4.3.5",
     "nuxt": "^3.2.2",
     "sass": "^1.58.3"
   }

diff --git a/plugins/iframe-resize.ts b/plugins/iframe-resize.ts
@@ -0,0 +1,9 @@
+import iframeResize from "iframe-resizer";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.directive("resize", {
+    mounted(el, { value = {} }) {
+      el.addEventListener("load", () => iframeResize(value, el));
+    },
+  });
+});
diff --git a/yarn.lock b/yarn.lock
@@ -826,6 +826,11 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2"
   integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==
 
+"@types/iframe-resizer@^3.5.9":
+  version "3.5.9"
+  resolved "https://registry.yarnpkg.com/@types/iframe-resizer/-/iframe-resizer-3.5.9.tgz#75c4cda33cee5f4da4c7693a0d9ad1ccb0c5ee98"
+  integrity sha512-RQUBI75F+uXruB95BFpC/8V8lPgJg4MQ6HxOCtAZYBB/h0FNCfrFfb4I+u2pZJIV7sKeszZbFqy1UnGeBMrvsA==
+
 "@types/resolve@1.20.2":
   version "1.20.2"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975"
@@ -2337,6 +2342,11 @@ ieee754@^1.1.13, ieee754@^1.2.1:
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
 
+iframe-resizer@^4.3.5:
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/iframe-resizer/-/iframe-resizer-4.3.5.tgz#d8bdc843f36eaebe2dd7b258e7234f438073cf8b"
+  integrity sha512-pziqOCczYtbVFgzU3KcjQDS+pMhj4QgL7JutUVazt73xeIWtx+CSRlFQp7aJ2i1bUSZwgbjSP2dez4yelV76yw==
+
 ignore@^5.2.0, ignore@^5.2.4:
   version "5.2.4"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,4 +5,6 @@ export default defineNuxtConfig({ @@
       app: {
         baseURL: "/hc-certified-backflow-testers/",
       },
+      plugins: [{ src: "~/plugins/iframe-resize", mode: "client" }],
     });