clearHistory is removing the Frame component when the Frame is in a component template

Version

2.2.0

Reproduction link

https://play.nativescript.org/?template=play-vue&id=eA0tz9

Platform and OS info

Nativescript-Vue 2.2.0 / Android 7.0

Steps to reproduce

My default Frame is in my App.vue component :

<template>
    <Frame>
        <Page>
            <StackLayout>
                <Label>App.vue</Label>
                <Button text="Button" @tap="onButtonTap" />
            </StackLayout>
        </Page>
    </Frame>
</template>

I’m creating my Vue root instance without inserting Frame like that :

new Vue({
  render: h => h(App),
}).$start()

And when i use a $navigateTo with clearHistory set as true, the default Frame from App.vue will be removed and i will not be able to navigate anymore.

I’ve created a reproduction link with Nativescript Playground so you can see what’s is happening

What is expected?

The default frame has not to be deleted

What is actually happening?

The default frame is removed

[rigor789]

No, VueRouter is not supported currently, and will not be for a while. You can use nativescript-vue-navigator as a minimalistic router that lets you keep track of the current route and lets you define routes in a central place.

[rigor789]

Looking at the code, this seems like a bug, however it can easily be worked around, either by defining the frame in main.js in the render function, or extracting the first page into a component, and rendering it that way: https://play.nativescript.org/?template=play-vue&id=eA0tz9&v=3

I have plans to improve Frames in general, and will investigate this further.