feat: import `main.css` in Cypress Component Testing page

so that the components mounted in the playground looks the same as
when they are actually used in the app.

diff --git a/template/config/cypress-ct/cypress/support/component.js b/template/config/cypress-ct/cypress/support/component.js
index 3d1a3d225bb133f1536f06c1cbc0360527b70650..f8f6407dea4607fb0208b26383c8aa02aac61000 100644 (file)
--- a/template/config/cypress-ct/cypress/support/component.js
+++ b/template/config/cypress-ct/cypress/support/component.js
@@ -19,6 +19,9 @@ import './commands'
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
 
+// Import global styles
+import '@/main.css'
+
 import { mount } from 'cypress/vue2'
 
 Cypress.Commands.add('mount', mount)

diff --git a/template/config/cypress-ct/cypress/support/component.ts b/template/config/cypress-ct/cypress/support/component.ts
index c56a294a7115ac814265238ecec52a75017266b7..6a81b8f31f7e3432b5915c4c15438af03f7d795c 100644 (file)
--- a/template/config/cypress-ct/cypress/support/component.ts
+++ b/template/config/cypress-ct/cypress/support/component.ts
@@ -19,6 +19,9 @@ import './commands'
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
 
+// Import global styles
+import '@/main.css'
+
 import { mount } from 'cypress/vue2'
 
 // Augment the Cypress namespace to include type definitions for