Vue-meta is not supported in Mobile Safari (iOS < 15) due to unsupported class method declaration with arrow function syntax

nuxt / vue-meta

Manage HTML metadata in Vue.js components with SSR support

https://vue-meta.nuxtjs.org

Other

4.08k stars 248 forks source link

Vue-meta is not supported in Mobile Safari (iOS < 15) due to unsupported class method declaration with arrow function syntax #760

Open derekvasilich opened 2 years ago

derekvasilich commented 2 years ago

https://github.com/nuxt/vue-meta/blob/e9adc99bdc909d6daa5f0678f57f321a6ff2d6f6/dist/vue-meta.esm-browser.js#L811

Mobile Safari on iOS < 15 (iOS 14.3 tested) generates: "SyntaxError: Unexpected token '='. Expected an opening '(' before a method's parameter list."

Working solution is to replace line 881 in dist/vue-meta.esm-browser.js static create = (isSSR, config, resolver) => { with: static create(isSSR, config, resolver) {

Alternatively, transpiling of the dependency can be used.

kevingobert commented 2 years ago

antoineguillaume commented 2 years ago

+1 we have the same issue for users using Safari version 14.0.3 and lower.

jaminm commented 2 years ago

+1 we found this bug in old Safari 13.1 MacOs and possibly other Safari versions. Does not show up in Chrome or the latest Safari releases.