Multiple font families pipe not being added to url

[cam424]

Url I expect: https://fonts.googleapis.com/css?family=Lato:400,700|Frank+Ruhl+Libre:400,700

What I'm getting: https://fonts.googleapis.com/css?family=Lato:400,700%7CFrank+Ruhl+Libre:400,700

What's happening: This result is loading in the fonts, however the weights aren't available for styling my ui. Not sure if there's something with my configuration or if this is a bug.

my nuxt.config.js: ... modules: ['nuxt-webfontloader'], ...

my font families in nuxt.config.js: ... webfontloader: { google: { families: ['Lato:400,700', 'Frank Ruhl Libre:400,700'] } }, ...