fixing Vue Compare Image, updating Storybook to 8.1.6

nasa-jpl · Jun 10, 2024 · 3f90ce0 · 3f90ce0
1 parent 2fecebf
commit 3f90ce0
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 1 deletion.
diff --git a/packages/nuxt/dist/module.mjs b/packages/nuxt/dist/module.mjs
@@ -19,6 +19,7 @@ const module = defineNuxtModule({
     addPlugin(resolver.resolve(pluginDir, "dayjs"));
     addPlugin(resolver.resolve(pluginDir, "filters"));
     addPlugin(resolver.resolve(pluginDir, "vue-click-outside"));
+    addPlugin(resolver.resolve(pluginDir, "vue-compare-image.client"));
     if (_options.includeStyles) {
       await installModule("@nuxtjs/tailwindcss", {
         configPath: resolver.resolve(runtimeDir, "tailwind.config")

diff --git a/packages/nuxt/dist/runtime/plugins/vue-compare-image.client.d.ts b/packages/nuxt/dist/runtime/plugins/vue-compare-image.client.d.ts
@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;
diff --git a/packages/nuxt/dist/runtime/plugins/vue-compare-image.client.js b/packages/nuxt/dist/runtime/plugins/vue-compare-image.client.js
@@ -0,0 +1,4 @@
+import VueCompareImage from "vue3-compare-image";
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(VueCompareImage);
+});
diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
@@ -38,7 +38,8 @@
     "dayjs": "^1.11.11",
     "lodash": "^4.17.21",
     "qs": "^6.12.1",
-    "swiper": "^11.1.3"
+    "swiper": "^11.1.3",
+    "vue3-compare-image": "^1.2.5"
   },
   "devDependencies": {
     "@explorer-1/common": "workspace:*",

diff --git a/packages/nuxt/src/module.ts b/packages/nuxt/src/module.ts
@@ -37,6 +37,7 @@ export default defineNuxtModule<ModuleOptions>({
     addPlugin(resolver.resolve(pluginDir, 'dayjs'))
     addPlugin(resolver.resolve(pluginDir, 'filters'))
     addPlugin(resolver.resolve(pluginDir, 'vue-click-outside'))
+    addPlugin(resolver.resolve(pluginDir, 'vue-compare-image.client'))
 
     if (_options.includeStyles) {
       await installModule('@nuxtjs/tailwindcss', {

diff --git a/packages/nuxt/src/runtime/plugins/vue-compare-image.client.ts b/packages/nuxt/src/runtime/plugins/vue-compare-image.client.ts
@@ -0,0 +1,6 @@
+// @ts-nocheck
+import VueCompareImage from 'vue3-compare-image'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(VueCompareImage)
+})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml