Update mixin-tbody-row.js

tmorehouse · web-flow · commit b68dd4e21ae5 · 2019-08-13T16:18:34.000-03:00
diff --git a/src/components/table/helpers/mixin-tbody-row.js b/src/components/table/helpers/mixin-tbody-row.js
@@ -185,7 +185,19 @@ export default {
         // Add in rowSelected scope property if selectable rows supported
         slotScope.rowSelected = this.isRowSelected(rowIndex)
       }
-      let $childNodes = this.normalizeSlot([`[${key}]`, '[]'], slotScope) || toString(formatted)
+      // The new `v-slot` syntax doesn't like a slot name starting with
+      // a square bracket and if using in-document HTML templates, the
+      // v-slot attributes are lower-cased by the browser.
+      const slotNames = [
+        `CELL[${key}]`,
+        `cell[${key.toLowerCase()}]`,
+        `[${key}]`,
+        `[${key.toLowerCase()}]`
+        'CELL[]',
+        'cell[]',
+        '[]'
+      ]
+      let $childNodes = this.normalizeSlot(slotNames, slotScope) || toString(formatted)
       if (this.isStacked) {
         // We wrap in a DIV to ensure rendered as a single cell when visually stacked!
         $childNodes = [h('div', {}, [$childNodes])]
