Vue.js - Split single file component into multiple files

index.js

export {default} from './todo.vue'

todo.html

<div>
  <!-- HTML for todo component -->
</div>

todo.js

export default{
  name: 'todo',
  template: "#todo-template",
  props: ["prop1", "prop2"],
  data: function(){
    return {
    }
  },
  methods:{
    method1(){
    }
  }
}

todo.sass

/*sass styling for todo component*/

todo.vue

<style    src="./todo.sass" lang="sass"></style>
<template src="./todo.html" id="todo-template"></template>
<script   src="./todo.js"></script>