feat: add preconnect hint for Google Fonts stylesheet (#85)

nuxt-modules · Jun 8, 2022 · bb8c6f2 · bb8c6f2
1 parent 21961e4
commit bb8c6f2
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/src/module.ts b/src/module.ts
@@ -121,6 +121,13 @@ const nuxtModule: Module<ModuleOptions> = function (moduleOptions) {
         href: 'https://fonts.gstatic.com/',
         crossorigin: ''
       })
+      // Should also preconnect to origin of Google fonts stylesheet.
+      // @ts-ignore
+      this.options.head.link.push({
+        hid: 'gf-origin-preconnect',
+        rel: 'preconnect',
+        href: 'https://fonts.googleapis.com/'
+      })
     }
 
     // https://developer.mozilla.org/pt-BR/docs/Web/HTML/Preloading_content

diff --git a/test/basic.test.ts b/test/basic.test.ts
@@ -11,11 +11,16 @@ describe('basic', () => {
     expect(body).toContain('<link data-n-head="ssr" data-hid="gf-prefetch" rel="dns-prefetch" href="https://fonts.gstatic.com/">')
   })
 
-  test('has preconnect link', async () => {
+  test('has preconnect link to font origin', async () => {
     const { body } = await get('/')
     expect(body).toContain('<link data-n-head="ssr" data-hid="gf-preconnect" rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">')
   })
 
+  test('has preconnect link to font stylesheet origin', async () => {
+    const { body } = await get('/')
+    expect(body).toContain('<link data-n-head="ssr" data-hid="gf-origin-preconnect" rel="preconnect" href="https://fonts.googleapis.com/">')
+  })
+
   test('has preload link', async () => {
     const { body } = await get('/')
     expect(body).toContain('<link data-n-head="ssr" data-hid="gf-preload" rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto&amp;family=Lato">')

diff --git a/yarn.lock b/yarn.lock
@@ -3257,9 +3257,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001181, caniuse-lite@^1.0.30001191:
-  version "1.0.30001192"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001192.tgz#b848ebc0ab230cf313d194a4775a30155d50ae40"
-  integrity sha512-63OrUnwJj5T1rUmoyqYTdRWBqFFxZFlyZnRRjDR8NSUQFB6A+j/uBORU/SyJ5WzDLg4SPiZH40hQCBNdZ/jmAw==
+  version "1.0.30001349"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001349.tgz"
+  integrity sha512-VFaWW3jeo6DLU5rwdiasosxhYSduJgSGil4cSyX3/85fbctlE58pXAkWyuRmVA0r2RxsOSVYUTZcySJ8WpbTxw==
 
 capture-exit@^2.0.0:
   version "2.0.0"