test vuejs component

Teradata · Nov 28, 2023 · 07953d0 · 07953d0
1 parent 2fcc3dd
commit 07953d0
Showing 1 changed file with 13 additions and 20 deletions.
diff --git a/supplemental_ui/partials/landing.hbs b/supplemental_ui/partials/landing.hbs
@@ -7,13 +7,13 @@
           <div class="call-to-action-text">
             <div class="header">Getting Started</div>
             <div class="short-description">Get quickly up to speed with Teradata Vantage. Learn about features. Find how-tos for common tasks. Explore sample source code.</div>
-            <div class="button-container">
-              <div id="app">
+            <div class="button-container" id="app">
               <!-- Utiliza tu componente Vue -->
                 <mi-componente></mi-componente>
-              </div>
-              <a class="call-to-action-button" href="#getting-access-to-vantage">Get access to Teradata Vantage</a>
-              <a class="call-to-action-button-secondary" href="#browse-content">Browse content</a>
+                <mi-componente2></mi-componente2>
+
+        <!--      <a class="call-to-action-button" href="#getting-access-to-vantage">Get access to Teradata Vantage</a> 
+              <a class="call-to-action-button-secondary" href="#browse-content">Browse content</a>-->
             </div>
             <div class="alternate-action">Prefer structured learning? Explore courses at <a href="https://teradata.com/University/Overview">Teradata University</a>.</div>
           </div>
@@ -422,25 +422,18 @@
   </main>
 </div>
 <script>
+
   Vue.component('mi-componente', {
-    data: function() {
-      return {
-        contador: 0
-      };
-    },
-    methods: {
-      incrementarContador: function() {
-        // Incrementa el contador al hacer clic en el botón
-        this.contador++;
-      }
-    },
     template: `
-      <div>
-        <a href="https://www.teradata.com/" class="mi-boton" @click="incrementarContador">Hi! Im a Vue component - click me!! </a>
-      </div>
+        <a href="https://www.teradata.com/" class="mi-boton">Contribute</a>
+    `
+  });
+
+  Vue.component('mi-componente2', {
+    template: `
+        <a href="https://www.teradata.com/" class="mi-boton">Request</a>
     `
   });
-  
   // Crea e monta una instancia de Vue
   new Vue({
     el: '#app'