skouter/components/update-billing/prompt.vue

<template>
<section>
	<p>
	Your payment information is missing or no longer valid, please update your billing details.
	</p>
	<button @click="() => $emit('ok')">OK</button>
</section>
</template>

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

const emits = defineEmits(['ok'])
</script>

<style scoped>
form > div {
	display: flex;
	justify-content: space-between;
	margin: 10px;
	position: relative;
}

button {
  margin: auto;
  min-width: 90px;
  display: block;
}

span.error {
  margin: 10px auto;
  color: darkred;
  
}
</style>