[Vue] Smart Select requires initialized view

Questions
1

I’m attempting to put a smart select in my vue application and I’m having trouble with this error.

I copied the markup for the basic layout here:

https://framework7.io/vue/app-layout.html

Then directly under <f7-link href="/about/">About App</f7-link> I added a copy of the SmartSelect from here:
https://framework7.io/vue/smart-select.html

So that the inside of my f7-app is this:

<f7-statusbar></f7-statusbar>
<f7-view main>
    <f7-page>
        <f7-navbar title="Awesome App"></f7-navbar>
        <f7-toolbar>
            <f7-link>Link 1</f7-link>
            <f7-link>Link 2</f7-link>
        </f7-toolbar>
        <p>Page content goes here</p>
        <f7-link href="/about/">About App</f7-link>
        <f7-list>
            <f7-list-item title="Fruit" smart-select>
                <select name="fruits">
                    <option value="apple" selected>Apple</option>
                    <option value="pineapple">Pineapple</option>
                    <option value="pear">Pear</option>
                    <option value="orange">Orange</option>
                    <option value="melon">Melon</option>
                    <option value="peach">Peach</option>
                    <option value="banana">Banana</option>
                </select>
            </f7-list-item>
        </f7-list>
    </f7-page>
</f7-view>

However, upon loading the page I get this error in my js console (along with a fairly large traceback):

[Vue warn]: Error in event handler for "f7Ready": "Error: Smart Select requires initialized View"

Oddly enough the SmartSelect seems to work as expected, but this error concerns me. What is going on here?

2

Try to update to latest v3 it shouldn’t throw this error on render