skouter/components/update-billing/completed.vue

<template>
<section>
  <h4 v-if="status == 'succeeded'">Payment succeeded!</h4>
  <h4 v-if="status == 'processing'">Payment still processing. Try again later.</h4>
</section>
</template>

<script setup>
import { ref, onMounted } from "vue"

const props = defineProps(["status"])

</script>

<style>
h4 {
  text-align: center;
}
</style>