feat: Add vm trace

mya-ake · Jan 22, 2019 · 7b80011 · 7b80011
1 parent 79af6ed
commit 7b80011
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/src/debug.js b/src/debug.js
@@ -15,11 +15,14 @@ if (Vue.config.silent === false) {
     str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
 
   warn = (msg, vm) => {
+    const trace = vm ? generateComponentTrace(vm) : '';
+
     if (Vue.config.warnHandler) {
-      Vue.config.warnHandler.call(null, msg, vm);
+      Vue.config.warnHandler.call(null, msg, vm, trace);
     } else if (hasConsole && !Vue.config.silent) {
       // eslint-disable-next-line no-console
-      console.error(`[vue-slot-checker warn]: ${msg}`);
+      const message = process.env.NODE_ENV !== 'test' ? `${msg}${trace}` : msg;
+      console.error(`[vue-slot-checker warn]: ${message}`);
     }
   };
 

diff --git a/src/mixin.js b/src/mixin.js
@@ -1,11 +1,14 @@
 import { warn } from './debug';
 
-const warnRequire = slotName => {
-  warn(`Missing required slot: '${slotName}'`);
+const warnRequire = (slotName, vm) => {
+  warn(`Missing required slot: '${slotName}'`, vm);
 };
 
-const warnCustomValidator = slotName => {
-  warn(`Invalid slot: custom validator check failed for slot '${slotName}'`);
+const warnCustomValidator = (slotName, vm) => {
+  warn(
+    `Invalid slot: custom validator check failed for slot '${slotName}'`,
+    vm,
+  );
 };
 
 export const mixin = {
@@ -16,14 +19,14 @@ export const mixin = {
 
     if (this.$options.slots === true) {
       if ('default' in this.$slots === false) {
-        warnRequire('default');
+        warnRequire('default', this);
       }
     }
 
     if (Array.isArray(this.$options.slots)) {
       this.$options.slots.forEach(slotName => {
         if (slotName in this.$slots === false) {
-          warnRequire(slotName);
+          warnRequire(slotName, this);
         }
       });
     }
@@ -33,13 +36,13 @@ export const mixin = {
         const option = this.$options.slots[slotName];
         if (option.required === true) {
           if (slotName in this.$slots === false) {
-            warnRequire(slotName);
+            warnRequire(slotName, this);
           }
         }
         const validator = option.validator;
         if (typeof validator === 'function') {
           if (validator(this.$slots[slotName]) === false) {
-            warnCustomValidator(slotName);
+            warnCustomValidator(slotName, this);
           }
         }
       });