error while using `tabulator-tables` with vue3: datetime formatter: `luxon is not defined`

Viewed 10

Describe the bug

when using the newest version of vue (3.2.38) with luxon (3.0.3) and tabulator-tables (5.3.3), if a formatter of type datetime is defined, the formatter throws an error:

datetime.js:2 Uncaught ReferenceError: luxon is not defined
    at Format.datetime$1 (datetime.js:2:30)
    at Format.formatValue (Format.js:126:47)
    at InternalEventBus.js:76:33
    at Array.forEach (<anonymous>)
    at InternalEventBus._chain (InternalEventBus.js:75:21)
    at Proxy.chain (CoreFeature.js:82:30)
    at Proxy._generateContents (Cell.js:99:14)
    at Proxy.layoutElement (Cell.js:210:8)
    at Proxy.getElement (Cell.js:136:10)
    at BasicHorizontal.js:10:33

you can check a simplified version here on codesandbox

Does anyone have any idea what I'm doing wrong?

PS: REALLY BAD WORKAROUND

a very bad way of resolving the issue for the moment is to uncomment line 8 of MyTable.vue, ensuring that window.DateTime exists so that luxon.DateTime is not reached...

Screenshots

enter image description here enter image description here

0 Answers
Related