Merge pull request #4 from Invertus/feature/demo-reusability

loaded web component code

prestashopdevcon.php

@@ -19,14 +19,22 @@ public function install()
             && $this->registerHook('displayHome')
             && $this->registerHook('displayCheckoutSummaryTop')
             && $this->registerHook('actionDispatcherBefore')
-            && $this->registerHook('displayShoppingCartFooter');
+            && $this->registerHook('displayShoppingCartFooter')
+            && $this->registerHook('header');
     }
 
     public function get($serviceName)
     {
         return (new ServiceProvider())->getService($serviceName);
     }
 
+    public function hookHeader()
+    {
+        return $this->context->smarty->fetch(
+            "{$this->getLocalPath()}/views/templates/header.tpl"
+        );
+    }
+
     public function hookActionDispatcherBefore()
     {
         include_once _PS_MODULE_DIR_ . $this->name . '/' . "vendor/autoload.php";
@@ -36,7 +44,9 @@ public function hookActionDispatcherBefore()
 
     public function hookDisplayHome()
     {
-        return "Hello from {$this->name}!";
+        return $this->context->smarty->fetch(
+            "{$this->getLocalPath()}/views/templates/home.tpl"
+        );
     }
 
     public function hookDisplayCheckoutSummaryTop()

views/templates/header.tpl

@@ -0,0 +1 @@
+<script type="module" src="https://cdn.skypack.dev/invertus-prestashopdevcon2023-sample"></script>

views/templates/home.tpl

@@ -0,0 +1,3 @@
+<inv-counter>
+    This button is loaded using web components. Your number is:
+</inv-counter>