Lewagon #404 Component template

application.js

import MyComponent from "./components/MyComponent";

const initPlugin = (querySelector, Component) => {
  const els = document.querySelectorAll(querySelector);
  if (els) {
    els.forEach(el => {
      Component(el);
    });
  }
};

initPlugin(".js-my-component", MyComponent);

MyComponent.js

const MyComponent = (rootElement) => {
  const subEl = rootElement.querySelector('.js-some-btn');
  console.log(rootElement, "i'm working!");
};

export default MyComponent;