Composition breaks when used with SSR

[Maronato]

Versions

• 1.6

Describe the bug

The plugin may be used by applications running with SSR. This causes everything to break.

vue-toastification/composition/index.js must be changed so it:

• Does not use ES6 imports and exports
• Replaces useToast and provideToast with dummy functions that do nothing on the server

Expected behavior

When using composition functions with frameworks like Nuxt, Vue toastification should not break the application.

Steps to reproduce

Use Nuxt with SSR and add the line

import { provideToast } from "vue-toastification/composition";

Fix suggestion

Possible fix:

const { inject, provide } = require("@vue/composition-api");

const toastSymbol = Symbol("Vue Toastification");

/** @type {ReturnType<typeof createToastInterface>} */
const injectDefault = {};


let createToastInterface = (options) => {
  console.warn("[Vue Toastification] This plugin does not support SSR!")
  return {}
}

if (typeof window !== 'undefined') {
  const toastification = require("vue-toastification");
  createToastInterface = toastification.createToastInterface
}

// Generate provider and consumer
const provideToast = options =>
  provide(toastSymbol, createToastInterface(options));
const useToast = () => inject(toastSymbol, injectDefault);

module.exports = { provideToast, useToast };

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.