<template>
<div>
<component :is="ComponentDependingOnTheCondition">
</div>
</template>
<script>
(одинаковый код для обоих шаблонов)
</script>props: true стоит для данного маршрута и добавить для данного компонента соответствующее свойство в props и должно работать вроде. Еще нужно учитывать, что уже находясь на данном маршруте, хуки жизненного цикла компонента не будут вызываться, поэтому если в них что-то есть нужно эту логику в watch переносить или генерировать уникальный key для компонента, чтобы вызывать принудительную перерисовку.
public/screens/mages/map.png, тогда по пути src="/screens/mages/map.png" файл должен быть доступен.
const mocked = require("z-mock-client")()
const apolloProvider = new VueApollo({
defaultClient: MOCKED_UI ? mocked : v2,
clients: {
v2: MOCKED_UI ? mocked : v2
}
})startMutation(state, data) {
const index = state.listings.findIndex(item => item.id === data.id)
state.listings.splice(index, 1, {...state.listings[index], is_edited: true})
}