Table component calls vue.extend when columns are specified

[jkulubya]

Overview of the problem

Oruga version: [0.2.2]
Vuejs version: [3.0.0]
OS/Browser: macOS/FF82

Description

The o-table component calls vue.extend when you specify an array of columns, but vue.extend doesn't exist in Vue 3.
See here

oruga/packages/oruga/src/components/table/Table.vue

Line 828 in 348b052

const TableColumnComponent = VueInstance.extend(TableColumn)

Steps to reproduce

1. Install oruga vnext
2. Save and run template with o-table component and columns prop set

Expected behavior

Table to render

Actual behavior

Error in console:

Uncaught (in promise) TypeError: _plugins_4daf8ef8_js__WEBPACK_IMPORTED_MODULE_1__.V.extend is not a function

[djfuzzy]

Any more info about this? (i.e. when it will be fixed, possible workarounds, etc)

[jtommy]

The workaround is to use default slots and not columns prop

[djfuzzy]

Thank you for the quick reply. I'm new to Vue and although I understand the concept of slots, I'm not sure how to apply them here. Have any hints? Should I be putting my table HTML structure in the slot?

[jtommy]

Take a look at docs, sandbox example

[jtommy]

Fixed d75cb66