How to change font family in Vuetify

For example, change default font-family Roboto to Nunito

vite.config.mjs

...
ViteFonts({
  google: {
    families: [{
      name: 'Nunito',
      styles: 'wght@200;300;400;500;600;700;800;900',
    }],
  },
}),
...

src/styles/main.scss

@use "vuetify" with (
  ...
  $body-font-family: "Nunito"
  ...
);

src/plugins/vuetify.js

- import "vuetify/styles";
+ import "@/styles/main.scss";