Vuetify components are not showed in components test using nuxt

[Albertbol]

Hey,
Thanks for the great library first of all.
Problem:
I am using nuxt with vuetify component library, setted up nuxt plugin config: https://www.npmjs.com/package/cypress-nuxt and it works good, I can see all my elements in integration tests but in components testing vuetify element is not loaded so it's just an empty component.
Do you have any idea what it can be and how to import vuetify ?

plugins/index.js

/// <reference types="cypress" />
const path = require('path')
const cypressNuxt = require('cypress-nuxt')
module.exports = async (on, config) => {
  on('file:preprocessor', await cypressNuxt.plugin())
  return cypressNuxt.plugin({
    loadOptions: {
      rootDir: path.join(__dirname, '../../../')
    }
  })
}

components/ok.spec.js

import Vue from 'vue'
import { mount } from '@cypress/vue'
import T from '~/components/formfields/T.vue'

it('test', () => mount(T))

components/formfields/T.vue

<template>
  <div>
    hi
    <v-btn color="primary">hi</v-btn>
  </div>
</template>

<script>
export default {}
</script>

<style></style>

Cypress iframe result has this code but button is not showed as vuetify component, just "hi" text:

hi
<v-btn data-v-5d9767a0="" color="primary">hi</v-btn>

[Albertbol]

Atleast button is displayed using :

import Vuetify from 'vuetify'
  const vuetify = new Vuetify()
  mount(T,{vuetify})

But styles not showed, well I guess it's not a cypress problem anymore, I will be closing this.

[Albertbol]

for styles you need to import them:
import 'vuetify/dist/vuetify.min.css'
for functionality wrap with v-app:
const template = ''
mount(template,{vuetify})