How to add class attributes to the body tag in Nuxt?

Nuxt has a great configuration file called nuxt.config.js. There are bunches of settings you can modify. There is a head section at the top. You can add body attributes such as class under the ‘bodyAttrs’ keyword like below:

// nuxt.config.js 

export default {
  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: 'Kitapi',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },
      { name: 'format-detection', content: 'telephone=no' },
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
    // You can add any body attributes under bodyAttrs keyword
    bodyAttrs: {
      class: 'hebe'    
    },    
  },