change examples from hbs to es6

Author: ricardo-devis-agullo

website/docs/building/template-system.md

@@ -21,13 +21,13 @@ For example a component of type: `oc-template-handlebars` will need a compiler n
 "oc": {
   "files": {
     "template": {
-      "src": "template.hbs",
-      "type": "oc-template-handlebars"
+      "src": "src/view.ts",
+      "type": "oc-template-es6"
     }
   }
 },
 "devDependencies": {
-  "oc-template-handlebars-compiler": "6.0.8"
+  "oc-template-es6-compiler": "6.0.0"
 },
 ...
 ```

website/docs/components/getting-started.md

@@ -46,15 +46,15 @@ The basic component directory is composed by the following files:
 ```
 ├── hello-world/
     ├── package.json
-    ├── template.hbs
-    ├── server.js
-    ├── img/
+    ├── src/view.ts
+    ├── src/server.ts
+    ├── public/
         ├── logo.png
 ```
 
 - `package.json` contains the component definition, dependencies, and [more](#structure-of-the-package)
-- `template.hbs` is a [template](#template) containing the markup
-- `server.js` is an optional [file](#basic-server), needed when the component has some logic
+- `view.ts` is a [template](#template) containing the markup
+- `server.ts` is an optional [file](#basic-server), needed when the component has some logic
 
 Additionally the component can have static contents such as images, js, and files that will be referenced in the html markup and any other files that will be useful for the development such as tests, docs, etc.
 
@@ -64,16 +64,16 @@ The basic package file `package.json` looks as follows:
 
 ```json
 {
-  "name": "base-component-handlebars",
+  "name": "base-component-es6",
   "description": "",
   "version": "1.0.0",
   "oc": {
     "files": {
       "data": "server.js",
       "static": ["img"],
       "template": {
-        "src": "template.hbs",
-        "type": "oc-template-handlebars"
+        "src": "src/view.ts",
+        "type": "oc-template-es6"
       }
     },
     "parameters": {

website/docs/quick-start-tutorial.md

@@ -71,19 +71,19 @@ This creates a new directory with the following structure:
 ```
 hello-world/
 ├── package.json          # Component configuration
-├── template.js           # ES6 template (the view)
-├── server.js             # Server-side logic (optional)
-└── img/
+├── src/view.ts           # ES6 template (the view)
+├── src/server.js         # Server-side logic (optional)
+└── public/
     └── logo.png          # Static assets
 ```
 
 ### Understanding the Files
 
 **package.json**: Contains component metadata, dependencies, and OpenComponents-specific configuration.
 
-**template.js**: The ES6 template that defines how your component looks using modern JavaScript.
+**template.ts**: The ES6 template that defines how your component looks using modern JavaScript.
 
-**server.js**: Optional file for server-side logic, data fetching, or API calls.
+**server.ts**: Optional file for server-side logic, data fetching, or API calls.
 
 ### Template Options