How to initialize Semantic UI multi-level dropdown with JavaScript only?

Question

The documentation mentions only this, which is fine for a normal dropdown but I need a multi level dropdown like their example, but with only vanilla JavaScript.

I went through all of the documentation and tried searching everywhere to no avail.

I've tried like this

{values: [
            {name: 'Foo1', value: [
                {name: 'Bar1', value: 'Bar1'},
                {name: 'Bar2', value: 'Bar2'}
            ]}
        ]}

but it shows the value as literal string 'object' for 'Foo1'.

Trying like this

{values: [
            {name: 'Foo1', values: [
                {name: 'Bar1', value: 'Bar1'},
                {name: 'Bar2', value: 'Bar2'}
            ]}
        ]}

or changing the latter 'values' parameter to 'menus' or anything doesn't help either.

Can someone help or point me to correct documentation if any?