feat(test): add extraxt-css fixture

test/fixtures/extract-css/assets/global.css

@@ -0,0 +1,11 @@
+/* GLOBAL CSS */
+
+body {
+  background-color: rgb(28, 28, 28);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+}
+
+/* END OF GLOBAL CSS */

test/fixtures/extract-css/layouts/default.vue

@@ -0,0 +1,15 @@
+<template>
+  <main>
+    <nuxt/>
+  </main>
+</template>
+
+<style scoped>
+  /* LAYOUT CSS */
+  main {
+    border: 1px solid grey;
+    border-radius: 8px;
+    padding: 2rem;
+  }
+  /* END OF LAYOUT CSS */
+</style>

test/fixtures/extract-css/nuxt.config.js

@@ -0,0 +1,13 @@
+export default {
+  build: {
+    extractCSS: true,
+    optimization: {
+      splitChunks: {
+        name: true
+      }
+    }
+  },
+  css: [
+    '~/assets/global.css'
+  ]
+}

test/fixtures/extract-css/pages/index.vue

@@ -0,0 +1,13 @@
+<template>
+<div>
+  <h1>I'm RED</h1>
+</div>
+</template>
+
+<style scoped>
+  /* INDEX CSS */
+  h1 {
+    color: red;
+  }
+  /* END OF INDEX CSS */
+</style>