How to use with vue-router

[dweldon]

How should one configure vue-play to work with vue-router? It seems like we don't have the option to pass a router instance to preview, so I'm unclear how keep components with <router-link> elements from throwing errors.

[dweldon]

Here's what my play/index.js looks like:

import Vue from 'vue';
import router from '@/router';
import VueRouter from 'vue-router';

// Enable plugins
Vue.use(VueRouter);
Vue.extend().options.router = router;

// Add scenarios
const load = requireContext => requireContext.keys().map(requireContext);
load(require.context('./scenarios', true, /.js$/));

The component renders correctly outside of vue-play. The error I'm getting inside vue-play is:

Error in render function: "TypeError: Cannot read property 'resolve' of undefined"

I'm certain that VueRouter is getting picked up (Vue seems to know what a router-link is), but the routes are not. I assume I'm supposed to be attaching the router in some other way. Ideas?