test page added

2025-06-23 16:05:29 +00:00 · 2022-09-22 14:17:35 -03:00 · 2022-09-22 14:17:35 -03:00 · de0bec251b
commit de0bec251b
parent 459e089789
2 changed files with 43 additions and 6 deletions
--- a/mo-home.js
+++ b/mo-home.js
@ -1,7 +1,13 @@
-const App = new Vue({
-    el: "#button-vue",
-    data: {
-        buttonTextInactive: "Leer más",
-        buttonTextActive: "Leer menos"
+{/* <a href="#"><i class="" aria-hidden="true"></i> Leer más</a> */}
+
+
+const app = createApp({
+    data() {
+      return {
+        readMoreText: "Leer más",
+        readMoreIcon: "fa fa-arrow-right",
      }
-});
+    }
+  })
+  
+app.mount('#mo-home-vue-app')
--- a/test.html
+++ b/test.html
@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+</head>
+<body>
+    <div id="mo-home-vue-app">
+        <a @click.prevent="readMore()"><i :class="readMoreIcon" aria-hidden="true"></i> {{ readMoreText }}</a>
+    </div>
+
+    <script src='https://unpkg.com/vue@3/dist/vue.global.js'></script>
+    <script>
+
+        const app = Vue.createApp({
+            data() {
+            return {
+                readMoreText: "Leer más",
+                readMoreIcon: "fa fa-arrow-right",
+            }
+            }
+        })
+        
+        app.mount('#mo-home-vue-app')
+
+    </script>
+</body>
+</html>