Update App.vue to use composition api

DannyFeliz · May 10, 2021 · 4efc5f8 · 4efc5f8
1 parent 9d3f30e
commit 4efc5f8
Showing 1 changed file with 18 additions and 7 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -21,14 +21,25 @@
   </TweetEmbed>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts">
+import { defineComponent } from "vue";
 import TweetEmbed from "./components/vue-tweet.vue"
 
-function onTweetLoadSuccess(embedNode: HTMLElement) {
-  console.log(embedNode);
-}
+export default defineComponent({
+  components: {
+    TweetEmbed
+  },
+  setup() {
+    function onTweetLoadSuccess(embedNode: HTMLElement) {
+      console.log(embedNode);
+    }
+
+    function onTweetLoadError() {
+      console.log("Ops... an error has occurred");
+    }
+
+    return { onTweetLoadSuccess, onTweetLoadError }
+  }
+})
 
-function onTweetLoadError() {
-  console.log("Ops... an error has occurred");
-}
 </script>