fix: test

nuxt.config.js

@@ -31,7 +31,7 @@ export default {
   ],
 
   // Modules: https://go.nuxtjs.dev/config-modules
-  modules: [],
+  modules: ["@nuxtjs/style-resources"],
 
   // Build Configuration: https://go.nuxtjs.dev/config-build
   build: {

package.json

@@ -35,6 +35,7 @@
     "@nuxt/typescript-build": "^2.0.4",
     "@nuxtjs/eslint-config-typescript": "^5.0.0",
     "@nuxtjs/eslint-module": "^3.0.2",
+    "@nuxtjs/style-resources": "^1.0.0",
     "@nuxtjs/stylelint-module": "^4.0.0",
     "@vue/test-utils": "^1.1.2",
     "babel-core": "7.0.0-bridge.0",
@@ -48,8 +49,10 @@
     "husky": "^4.3.8",
     "jest": "^26.6.3",
     "lint-staged": "^10.5.3",
+    "node-sass": "4.14.1",
     "prettier": "^2.2.1",
     "pretty-quick": "^3.1.0",
+    "sass-loader": "7.3.1",
     "stylelint": "^13.9.0",
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-standard": "^20.0.0",

pages/about/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <h1 class="about">about页面</h1>
+    <nuxt-link to="/">/toIndex</nuxt-link>
+    <nuxt-link to="/my">/my</nuxt-link>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from "vue";
+export default Vue.extend({});
+</script>
+
+<style scoped>
+.about {
+  color: red;
+}
+</style>

pages/index.vue

@@ -4,22 +4,8 @@
       <Logo />
       <h1 class="title">test-nuxt-app</h1>
       <div class="links">
-        <a
-          href="https://nuxtjs.org/"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="button--green"
-        >
-          Documentation
-        </a>
-        <a
-          href="https://github.com/nuxt/nuxt.js"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="button--grey"
-        >
-          GitHub
-        </a>
+        <nuxt-link to="/about">/about</nuxt-link>
+        <nuxt-link to="/my">/my</nuxt-link>
       </div>
     </div>
   </div>

pages/my/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <h1 class="about">my页面</h1>
+    <nuxt-link to="/">/toIndex</nuxt-link>
+    <nuxt-link to="/about">/about</nuxt-link>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from "vue";
+export default Vue.extend({});
+</script>
+
+<style lang="scss" scoped>
+.about {
+  color: red;
+}
+</style>