turbo-web 4.2.7 → 4.2.8

package/README.md

@@ -47,10 +47,10 @@ CDN Version control ( version 1x.2x.3x):
 ---
 
 ### [1] IMPORT
-1. (2.) NPM/NODE script: Import from packages:
+1. (2.) NPM installation & NODE script: Import from packages:
 > import { createApp, defineComponent, h, hFragment } from 'turbo-web'
 
-3. (4.) Locally/CDN: You must use relative paths (./ or ../):
+3. (4.) Locally & CDN: You must use relative paths (./ or ../):
 > import { createApp, defineComponent, h, hFragment } from './framework/runtime/index.js'
 
 ### [2] LAUNCH
@@ -95,7 +95,8 @@ Single Source of Truth principle: App's state is persistent between sessions.
 
 ### Feature X: Node-based Initialization through CLI
 Scaffolding setup script that creates base structure with required templates for the App.
-...
+
+Script: ```npx turbo-web ${PROJECT_NAME}``` creates "Project" & src directory + main.js, router.js, store.js + package.json
 
 [//]: # (Best practices and guidelines for building applications with the framework.)
 ## V. BEST PRACTICES
@@ -103,7 +104,7 @@ Scaffolding setup script that creates base structure with required templates for
 ---
 
 ### Routing
-Make sure to ...
+
 
 ```const routes = [{ path: '/', component: Home }, {}, {}]```
 ```const router = new HashRouter(routes)```

package/dist/turbo.js

@@ -1050,6 +1050,9 @@ function defineComponent({ render, state, ...methods }) {
         get appContext() {
             return this.#appContext
         }
+        get $http() {
+            return this.appContext?.http;
+        }
         get elements() {
             if (this.#vdom == null) {
                 return []
@@ -1172,10 +1175,11 @@ const RouterLink = defineComponent({
 const RouterOutlet = defineComponent({
     state() {
         return {
-            matchedRoute: this.appContext.router.matchedRoute,
+            matchedRoute: null,
         }
     },
     onMounted() {
+        this.updateState({ matchedRoute: this.appContext.router.matchedRoute });
         this.boundHandler = this.handleRouteChange.bind(this);
         this.appContext.router.subscribe(this.boundHandler);
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "turbo-web",
-  "version": "4.2.7",
+  "version": "4.2.8",
   "main": "dist/turbo.js",
   "files": [
     "dist",