the problem was that i was registering vue components incorrectly but looking at your example i now know how to use them.
But now i have another problem. Adding an html element to a pane give me this error:
Uncaught TypeError: undefined is not a function
This is the stack trace:
At /opt/atom/resources/app.asar/node_modules/tabs/lib/tab-view.js:236
TypeError: undefined is not a function
at tabs-tab.module.exports.TabView.updateTitle (/opt/atom/resources/app.asar/node_modules/tabs/lib/tab-view.js:236:27)
at tabs-tab.module.exports.TabView.initialize (/opt/atom/resources/app.asar/node_modules/tabs/lib/tab-view.js:36:12)
at TabBarView.module.exports.TabBarView.addTabForItem (/opt/atom/resources/app.asar/node_modules/tabs/lib/tab-bar-view.js:329:15)
at /opt/atom/resources/app.asar/node_modules/tabs/lib/tab-bar-view.js:160:24
at Emitter.module.exports.Emitter.emit (/opt/atom/resources/app.asar/node_modules/event-kit/lib/emitter.js:82:11)
at Pane.module.exports.Pane.addItem (/opt/atom/resources/app.asar/src/pane.js:337:20)
at Object.module.exports.VuePackage.toggle (/home/shakeel/vue-package/lib/vue-package.coffee:31:16)
at atom-workspace.subscriptions.add.atom.commands.add.vue-package:toggle (/home/shakeel/vue-package/lib/vue-package.coffee:17:86)
at CommandRegistry.module.exports.CommandRegistry.handleCommandEvent (/opt/atom/resources/app.asar/src/command-registry.js:241:29)
at /opt/atom/resources/app.asar/src/command-registry.js:3:61
at KeymapManager.module.exports.KeymapManager.dispatchCommandEvent (/opt/atom/resources/app.asar/node_modules/atom-keymap/lib/keymap-manager.js:524:16)
at KeymapManager.module.exports.KeymapManager.handleKeyboardEvent (/opt/atom/resources/app.asar/node_modules/atom-keymap/lib/keymap-manager.js:347:22)
at HTMLDocument.module.exports.WindowEventHandler.onKeydown (/opt/atom/resources/app.asar/src/window-event-handler.js:177:20)