Estou desenvolvendo um aplicativo Vue que é bastante grande e agora tenho que escrever todas as rotas em uma página emrouter/index.js e já está ficando muito tempo para gostar ou até manter. oindex.js página está cheia de declarações como ...

import This from '../components/This'
import That from '../components/That'
import ThatOther from '../components/ThatOther'
import ThatOtherOne from '../components/ThatOtherOne'
// and so on and so on...then at the bottom
var router = new Router({                  
routes: [
    {
        path: '/this', 
        name: 'this', 
        component: This
    },
    {
        path: '/that', 
        name: 'that', 
        component: That
    },
// and so on...so many lines of similar and "repetitive" code

Como meu aplicativo pode ser agrupado em "módulos", existe uma maneira de dividir as rotas em arquivos separados (ambos osimport instruções e as entradas do roteador) emrouter/this.js,router/that.js...', then add them to the main route page,router / index.js`?