Had hard time implementing vue styles so created my own.

creating-vue-components-for-electron.js

function component(name, url) {
    let content = fs.readFileSync(url + '.vue', 'utf-8')
    let element = document.createElement('body')
    element.innerHTML = content
    content = element.children[1].innerHTML.trim()
    return Vue.component(name, {
        template: element.children[0].innerHTML.trim(),
        ...eval('let module={};\n' + content)
    })
}

component('category-list', './components/category-list')
component('to-do', './components/to-do')
component('note-list', './components/note-list')
component('note', './components/content')

to-do.vue

<template>
  <div><span v-if="sidebar" v-html="moment().locale()"><span></div>
</template>
<script>
let moment = require('moment')
// Vital for module.exports
module.exports = {
    methods: {
        moment
    },
    data() {
        return { sidebar: false };
    }
};
</script>