How to convert props to TypeScript classes on navigation

[samdharris]

Hello!

On initial load, I convert data brought back in the initial page's props to TypeScript class instances for usage across my app as such

createInertiaApp({
    resolve: name => require(`./Pages/${name}`),
    setup({ el, App, props, plugin }) {
        props.props.initialPage.props = transformPropsToModels(props.props.initialPage.props);
        Vue.use(plugin)
        Vue.use(ZiggyVue, props.props.initialPage.props.ziggy);

        new Vue({
            render: h => h(App, props),
        }).$mount(el)
    },
});

However, upon navigation, they are reverted back to normal JavaScript objects which breaks the UI (the property name cases change from camel to snake). Is there a recommended way to hook into the navigation and run the transformPropsToModels function or should I be doing this as a computed property in the Vue component?