Demo uses # url paths now

vapaee · May 7, 2024 · e2f7c51 · e2f7c51
1 parent 9033beb
commit e2f7c51
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/examples/demo/package.json b/examples/demo/package.json
@@ -4,6 +4,7 @@
   "private": true,
   "homepage": "https://vapaee.github.io/telos-cloud-js/",
   "scripts": {
+    "dev": "vue-cli-service serve --open",
     "build": "vue-cli-service build",
     "deploy": "gh-pages -d build"
   },

diff --git a/examples/demo/src/components/NavegationBar.vue b/examples/demo/src/components/NavegationBar.vue
@@ -6,17 +6,15 @@
 <nav class="c-navbar" role="navigation" aria-label="main navigation">
     <div id="navbarBasicExample" class="c-navbar__navbar-menu">
         <div class="c-navbar__navbar-options">
-            <a class="c-navbar__navbar-item" href="/telos-cloud-local">
+            <router-link class="c-navbar__navbar-item" :to="{ name: 'telos-cloud-local' }">
                 Local
-            </a>
-            |
-            <a class="c-navbar__navbar-item" href="/telos-cloud-redirect">
+            </router-link>
+            <router-link class="c-navbar__navbar-item" :to="{ name: 'telos-cloud-redirect' }">
                 Redirect
-            </a>
-            |
-            <a class="c-navbar__navbar-item" href="/telos-cloud-iFrame">
+            </router-link>
+            <router-link class="c-navbar__navbar-item" :to="{ name: 'telos-cloud-iframe' }">
                 iFrame
-            </a>
+            </router-link>
         </div>
     </div>
 </nav>

diff --git a/examples/demo/src/router/index.ts b/examples/demo/src/router/index.ts
@@ -1,8 +1,8 @@
-import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
+// examples/demo/src/router/index.ts
+import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
 
 const routes: Array<RouteRecordRaw> = [
   {
-    // el home redirige a la página principal telos-cloud
     path: '/',
     redirect: '/telos-cloud-local'
   },
@@ -28,7 +28,7 @@ const routes: Array<RouteRecordRaw> = [
 ]
 
 const router = createRouter({
-  history: createWebHistory(),
+  history: createWebHashHistory(),
   routes
 })