feat: add pages/example/extend-css-class.vue

Author: hisasann

src/pages/example/extend-css-class.vue

@@ -0,0 +1,34 @@
+<template lang="pug">
+  div
+    h1.title
+      | include
+    span.color {{ message }}
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'nuxt-property-decorator'
+
+@Component
+export default class Include extends Vue {
+  message: string = 'hello include!'
+
+  beforeCreate() {
+    console.log('beforeCreate')
+  }
+  created() {
+    console.log('created')
+  }
+
+  public head() {
+    return {
+      title: 'hello include'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.color {
+  @extend .color;
+}
+</style>

src/pages/example/index.vue

@@ -44,6 +44,9 @@
     p
       nuxt-link(to='/example/type-safe-vuex')
         | type-safe-vuex
+    p
+      nuxt-link(to='/example/extend-css-class')
+        | extend-css-class
 </template>
 
 <script lang="ts">