Quickly scaffold for link block in html head tag of a page (VueJS or NuxtJS)

link-utils.js

// Utils file can be found here https://gist.github.com/aeadedoyin/f9fb0817762bc49ad8a856cd0b16ca97
// Just download and keep in same folder as this.(i.e link-utils.js)
import { withHttp } from './utils'

// This util makes it faster to implement meta:Open Graph, Twitter
// All these variable are overbidden if passed with meta param
let url = process.env.SITE_URL // From env

export default (meta) => {
  url = meta && meta.url ? withHttp(meta.url) : withHttp(url)

  return [
    {
      rel: 'icon',
      type: 'images/png',
      href: url + '/favicon.png'
    },
    {
      rel: 'apple-touch-icon',
      type: 'images/png',
      href: url + '/webclip.png'
    },
    {
      rel: 'stylesheet',
      href: 'https://fonts.googleapis.com/css?family=Inter:regular,600,700,800'
    },
    {
      hid: 'canonical',
      rel: 'canonical',
      href: url
    }
  ]
}