Vue.js 2 Design Patterns and Best Practices

Nuxt configuration

Let's add some custom links to our project so that we can take advantage of CSS libraries, fonts, and more. Let's add Bulma to our project.

Bulma is a CSS framework that allows us to build applications with Flexbox and lets us take advantage of many premade components. We can add it (and other external CDN files) to our project by navigating to nuxt.config.js and adding a new object to our link object within the head object, like so:

head: {  // Omitted  link: [    { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },    {      rel: 'stylesheet',      href:    'https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.1/css/bulma.min.css',    },  ],}

If we then use the developer tools to check the head inside of our HTML document, you'll note that ...