diff --git a/src/pages/docs/composables/use-checkout.vue b/src/pages/docs/composables/use-checkout.vue
new file mode 100644
index 0000000..348c3b2
--- /dev/null
+++ b/src/pages/docs/composables/use-checkout.vue
@@ -0,0 +1,32 @@
+<template>
+  <main>
+    <h1>useCheckout</h1>
+  </main>
+</template>
+
+<script>
+// import { onMounted, ref } from 'vue';
+import { useSeoMeta, definePageMeta } from '#imports';
+export default {
+  setup () {
+    definePageMeta({
+      layout: 'blank',
+    });
+
+    const metaTitle = 'useCheckout - Vue Stripe Components';
+    const metaDescription = 'useCheckout for Vue Stripe Components.';
+
+    useSeoMeta({
+      title: metaTitle,
+      ogTitle: metaTitle,
+      description: metaDescription,
+      ogDescription: metaDescription,
+      // image: ogBanner,
+      // ogImage: ogBanner,
+      // url: 'https://jofftiquez.com/gui',
+      // ogUrl: 'https://jofftiquez.com/gui',
+      twitterCard: 'summary_large_image',
+    });
+  },
+};
+</script>
diff --git a/src/pages/docs/composables/use-constants.vue b/src/pages/docs/composables/use-constants.vue
new file mode 100644
index 0000000..e720a5a
--- /dev/null
+++ b/src/pages/docs/composables/use-constants.vue
@@ -0,0 +1,32 @@
+<template>
+  <main>
+    <h1>useConstants</h1>
+  </main>
+</template>
+
+<script>
+// import { onMounted, ref } from 'vue';
+import { useSeoMeta, definePageMeta } from '#imports';
+export default {
+  setup () {
+    definePageMeta({
+      layout: 'blank',
+    });
+
+    const metaTitle = 'useConstants - Vue Stripe Components';
+    const metaDescription = 'useConstants for Vue Stripe Components.';
+
+    useSeoMeta({
+      title: metaTitle,
+      ogTitle: metaTitle,
+      description: metaDescription,
+      ogDescription: metaDescription,
+      // image: ogBanner,
+      // ogImage: ogBanner,
+      // url: 'https://jofftiquez.com/gui',
+      // ogUrl: 'https://jofftiquez.com/gui',
+      twitterCard: 'summary_large_image',
+    });
+  },
+};
+</script>
diff --git a/src/pages/docs/composables/use-elements.vue b/src/pages/docs/composables/use-elements.vue
new file mode 100644
index 0000000..ca20102
--- /dev/null
+++ b/src/pages/docs/composables/use-elements.vue
@@ -0,0 +1,32 @@
+<template>
+  <main>
+    <h1>useElements</h1>
+  </main>
+</template>
+
+<script>
+// import { onMounted, ref } from 'vue';
+import { useSeoMeta, definePageMeta } from '#imports';
+export default {
+  setup () {
+    definePageMeta({
+      layout: 'blank',
+    });
+
+    const metaTitle = 'useElements - Vue Stripe Components';
+    const metaDescription = 'useElements for Vue Stripe Components.';
+
+    useSeoMeta({
+      title: metaTitle,
+      ogTitle: metaTitle,
+      description: metaDescription,
+      ogDescription: metaDescription,
+      // image: ogBanner,
+      // ogImage: ogBanner,
+      // url: 'https://jofftiquez.com/gui',
+      // ogUrl: 'https://jofftiquez.com/gui',
+      twitterCard: 'summary_large_image',
+    });
+  },
+};
+</script>
diff --git a/src/pages/docs/composables/use-payment-element.vue b/src/pages/docs/composables/use-payment-element.vue
new file mode 100644
index 0000000..a79893b
--- /dev/null
+++ b/src/pages/docs/composables/use-payment-element.vue
@@ -0,0 +1,32 @@
+<template>
+  <main>
+    <h1>usePaymentElement</h1>
+  </main>
+</template>
+
+<script>
+// import { onMounted, ref } from 'vue';
+import { useSeoMeta, definePageMeta } from '#imports';
+export default {
+  setup () {
+    definePageMeta({
+      layout: 'blank',
+    });
+
+    const metaTitle = 'usePaymentElement - Vue Stripe Components';
+    const metaDescription = 'usePaymentElement for Vue Stripe Components.';
+
+    useSeoMeta({
+      title: metaTitle,
+      ogTitle: metaTitle,
+      description: metaDescription,
+      ogDescription: metaDescription,
+      // image: ogBanner,
+      // ogImage: ogBanner,
+      // url: 'https://jofftiquez.com/gui',
+      // ogUrl: 'https://jofftiquez.com/gui',
+      twitterCard: 'summary_large_image',
+    });
+  },
+};
+</script>
diff --git a/src/pages/docs/composables/use-stripe.vue b/src/pages/docs/composables/use-stripe.vue
new file mode 100644
index 0000000..4724bf2
--- /dev/null
+++ b/src/pages/docs/composables/use-stripe.vue
@@ -0,0 +1,32 @@
+<template>
+  <main>
+    <h1>useStripe</h1>
+  </main>
+</template>
+
+<script>
+// import { onMounted, ref } from 'vue';
+import { useSeoMeta, definePageMeta } from '#imports';
+export default {
+  setup () {
+    definePageMeta({
+      layout: 'blank',
+    });
+
+    const metaTitle = 'useStripe - Vue Stripe Components';
+    const metaDescription = 'useStripe for Vue Stripe Components.';
+
+    useSeoMeta({
+      title: metaTitle,
+      ogTitle: metaTitle,
+      description: metaDescription,
+      ogDescription: metaDescription,
+      // image: ogBanner,
+      // ogImage: ogBanner,
+      // url: 'https://jofftiquez.com/gui',
+      // ogUrl: 'https://jofftiquez.com/gui',
+      twitterCard: 'summary_large_image',
+    });
+  },
+};
+</script>