Knob replaceAll causes issue with nuxt SSR

[elliottross23]

I'm trying to use primevue in NuxtJS with SSR and have it working but the Knob component throws the error this.valueTemplate.replaceAll is not a function

Since replaceAll is not available in browser javascript this line could be replaced with this.valueTemplate.replace(/{value}/g, this.value); and would then work in both nodejs and browser environments.

[cagataycivici]

Fixed for v3, will be ported to v2 as well. Thank you.

[thearabbit]

+1

[JohannesSchwegler]

I'm trying to use primevue in NuxtJS with SSR and have it working but the Knob component throws the error this.valueTemplate.replaceAll is not a function

Since replaceAll is not available in browser javascript this line could be replaced with this.valueTemplate.replace(/{value}/g, this.value); and would then work in both nodejs and browser environments.

how did you set it up? i get an error when i run it with ssr: true

[elliottross23]

@JohannesSchwegler here's the relevant parts of my nuxt.config.js

I'm using "nuxt": "^2.14.6" in my package.json

export default {
   target: 'server',
   ssr: true,
   modules: ['primevue/nuxt'],
   build: {
      transpile: ['primevue']
   },
   primevue: {
      theme: 'saga-blue',
      ripple: true,
      components: [/* What components you want */]
   }
}

[thearabbit]

@elliottross23, very thanks. It work fine for me too.

"nuxt": "^2.15.3"
"primevue": "^2.4.0"