fix(array-flat): polyfill flat

lib/module.js

@@ -71,6 +71,11 @@ function addTemplates (moduleScope, fonts, options) {
       fonts
     }
   })
+  moduleScope.addTemplate({
+    src: resolve(__dirname, 'utils/index.js'),
+    fileName: 'nuxt-font-loader-strategy/utils/index.js',
+    options: { }
+  })
   moduleScope.addTemplate({
     src: resolve(__dirname, 'utils/fontFace.js'),
     fileName: 'nuxt-font-loader-strategy/utils/fontFace.js',

lib/utils/fontFace.js

@@ -1,5 +1,6 @@
 import { extname } from 'path'
 import { paramCase, snakeCase } from 'change-case'
+import { arrayFlat } from './index'
 
 // Font-Face
 
@@ -35,7 +36,7 @@ export function getFontClasses (pattern, set, properties) {
 
 export async function prepareFonts (options, resolve, kebabCaseProps = true) {
   const { fonts, classPattern } = options
-  return (await Promise.all(fonts.map((font) => {
+  const preparedFonts = (await Promise.all(fonts.map((font) => {
     const fileExtensions = getFileExtensions(font)
     return font.fontFaces.map((face) => {
       const sources = prepareSrc(face.src, fileExtensions, resolve)
@@ -53,7 +54,8 @@ export async function prepareFonts (options, resolve, kebabCaseProps = true) {
         local: [].concat(face.local || [])
       }
     })
-  }))).flat()
+  })))
+  return arrayFlat(preparedFonts)
 }
 
 export function createFontFace (font, baseUrl) {

lib/utils/fontLoader.js

@@ -1,3 +1,5 @@
+import { arrayFlat } from './index'
+
 export function loadFonts (options) {
   options = Object.assign({
     ignoredEffectiveTypes: [],
@@ -101,14 +103,6 @@ async function prefetchFonts (fonts, options, classList = []) {
   }
 }
 
-function arrayFlat (array) {
-  if ('flat' in Array.prototype) {
-    return array.flat()
-  } else {
-    return [].concat.apply([], array)
-  }
-}
-
 export function unlockClasses (classList, unlockDelay) {
   const cb = () => {
     document.documentElement.classList.add(...arrayFlat(classList))

lib/utils/index.js

@@ -0,0 +1,8 @@
+
+export function arrayFlat (array) {
+  if ('flat' in Array.prototype) {
+    return array.flat()
+  } else {
+    return [].concat.apply([], array)
+  }
+}

lib/worker/index.js

@@ -1,4 +1,5 @@
 import { resolve } from 'path'
+import { arrayFlat } from '../utils/index'
 
 export function addWebWorker (moduleScope, fonts, options) {
   const preparedFonts = prepareFonts(fonts)
@@ -47,7 +48,7 @@ function prepareFonts (fonts) {
     result.sources.push(sources[0].path)
     return result
   }, {
-    classes: fonts.map(font => font.classes).flat(),
+    classes: arrayFlat(fonts.map(font => font.classes)),
     sources: []
   })
 }