diff --git a/src/pages/demo/playground/index/index.vue b/src/pages/demo/playground/index/index.vue
index f487a605..a61fd305 100644
--- a/src/pages/demo/playground/index/index.vue
+++ b/src/pages/demo/playground/index/index.vue
@@ -11,7 +11,9 @@
 <script>
 export default {
   data () {
-    filename: __filename
-  }  
+    return {
+      filename: __filename
+    }
+  }
 }
 </script>
diff --git a/src/pages/demo/playground/log/console/index.vue b/src/pages/demo/playground/log/console/index.vue
index 1ac646d0..0a079dd7 100644
--- a/src/pages/demo/playground/log/console/index.vue
+++ b/src/pages/demo/playground/log/console/index.vue
@@ -43,7 +43,9 @@
 <script>
 export default {
   data () {
-    filename: __filename
+    return {
+      filename: __filename
+    }
   },
   methods: {
     handleColorful () {
diff --git a/src/pages/demo/playground/log/error/index.vue b/src/pages/demo/playground/log/error/index.vue
index e5ea557b..973e6b87 100644
--- a/src/pages/demo/playground/log/error/index.vue
+++ b/src/pages/demo/playground/log/error/index.vue
@@ -9,7 +9,9 @@
 <script>
 export default {
   data () {
-    filename: __filename
+    return {
+      filename: __filename
+    }
   },
   methods: {
     handleNewError () {
diff --git a/src/pages/demo/playground/page-argu/get.vue b/src/pages/demo/playground/page-argu/get.vue
index d6855c73..ef399fb0 100644
--- a/src/pages/demo/playground/page-argu/get.vue
+++ b/src/pages/demo/playground/page-argu/get.vue
@@ -10,7 +10,9 @@
 <script>
 export default {
   data () {
-    filename: __filename
+    return {
+      filename: __filename
+    }
   },
   mounted () {
     console.log('this.$route', this.$route)
diff --git a/src/pages/demo/playground/page-cache/params.vue b/src/pages/demo/playground/page-cache/params.vue
index a215a87e..f80f8b65 100644
--- a/src/pages/demo/playground/page-cache/params.vue
+++ b/src/pages/demo/playground/page-cache/params.vue
@@ -20,7 +20,9 @@ export default {
     }
   },
   data () {
-    filename: __filename
+    return {
+      filename: __filename
+    }
   },
   computed: {
     /**
diff --git a/src/pages/demo/playground/store/fullscreen/index.vue b/src/pages/demo/playground/store/fullscreen/index.vue
index 02abbc12..2aec1575 100644
--- a/src/pages/demo/playground/store/fullscreen/index.vue
+++ b/src/pages/demo/playground/store/fullscreen/index.vue
@@ -11,7 +11,9 @@
 import { mapActions } from 'vuex'
 export default {
   data () {
-    filename: __filename
+    return {
+      filename: __filename
+    }
   },
   methods: {
     ...mapActions('d2admin/fullscreen', [
diff --git a/src/pages/demo/playground/store/transition/index.vue b/src/pages/demo/playground/store/transition/index.vue
index da53c886..d73f143d 100644
--- a/src/pages/demo/playground/store/transition/index.vue
+++ b/src/pages/demo/playground/store/transition/index.vue
@@ -18,7 +18,9 @@ export default {
     ])
   },
   data () {
-    filename: __filename
+    return {
+      filename: __filename
+    }
   },
   methods: {
     ...mapActions('d2admin/transition', [
diff --git a/src/pages/demo/playground/store/ua/index.vue b/src/pages/demo/playground/store/ua/index.vue
index 76ad6307..261b5810 100644
--- a/src/pages/demo/playground/store/ua/index.vue
+++ b/src/pages/demo/playground/store/ua/index.vue
@@ -11,7 +11,9 @@
 import { mapState } from 'vuex'
 export default {
   data () {
-    filename: __filename
+    return {
+      filename: __filename
+    }
   },
   computed: {
     ...mapState('d2admin/ua', {
diff --git a/src/pages/demo/plugins/i18n/demo1.vue b/src/pages/demo/plugins/i18n/demo1.vue
index 692a4961..8f84dcbe 100644
--- a/src/pages/demo/plugins/i18n/demo1.vue
+++ b/src/pages/demo/plugins/i18n/demo1.vue
@@ -13,7 +13,9 @@ export default {
     DemoI18n: () => import('./components/DemoI18n')
   },
   data () {
-    filename: __filename
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/plugins/i18n/demo2.vue b/src/pages/demo/plugins/i18n/demo2.vue
index d7bbbe97..c30a4f00 100644
--- a/src/pages/demo/plugins/i18n/demo2.vue
+++ b/src/pages/demo/plugins/i18n/demo2.vue
@@ -13,7 +13,9 @@ export default {
     DemoI18n: () => import('./components/DemoI18n')
   },
   data () {
-    filename: __filename
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/plugins/index/index.vue b/src/pages/demo/plugins/index/index.vue
index 9900c41e..38a36e57 100644
--- a/src/pages/demo/plugins/index/index.vue
+++ b/src/pages/demo/plugins/index/index.vue
@@ -11,7 +11,9 @@
 <script>
 export default {
   data () {
-    filename: __filename
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/plugins/js-cookie/index.vue b/src/pages/demo/plugins/js-cookie/index.vue
index 7a7651d5..0d76f4b5 100644
--- a/src/pages/demo/plugins/js-cookie/index.vue
+++ b/src/pages/demo/plugins/js-cookie/index.vue
@@ -26,7 +26,9 @@
 import util from '@/libs/util.js'
 export default {
   data () {
-    filename: __filename
+    return {
+      filename: __filename
+    }
   },
   methods: {
     set (name = 'default-name', value = 'default-value') {