JavaScript of Component is Executed even when the Component is not used.

[saurabhdaware]

Describe the bug
If we have index.abell and about.abell.
index.abell uses Nav.abell so the JavaScript from Nav.abell is bundled into main.abell.js.
about.abell does not use Nav.abell but uses other component which also adds to main.abell.js bundle.

Now since about.abell has main.abell.js in output, it executes the javascript and fails since the elements don't exist.

To Reproduce

Expected behavior
Nav JavaScript to be only executed for page that has Nav component added.

Screenshots

Specs:

• Abell Version: latest
• Node Version: all
• Operating System: all

[saurabhdaware]

The solution to this is to have separate main.abell.js files for every page. So can be something like main-index.abell.js main-about.abell.js.

This can break the existing projects so we will be able to fix this only in the next major version. i.e. v1.0.0

[saurabhdaware]

Closing this. v1 will not support having javascript inside components.