idesignzone

<template>

</template>

<script setup>
const config = useRuntimeConfig();

const credentials = reactive({
  email: undefined,
  password: undefined,

idesignzone

<template>
  <div class="mt-2">
    <template v-for="field in fields" :key="field.id">
      <div class="flex items-center gap-1 mb-1">
        <div class="w-full">
          <UInput
            v-model="field.content"
            type="text"
            size="md"
            variant="outline"

idesignzone

<template>
  <USelectMenu
    v-model="$i18n.locale"
    :options="availableLocales"
    variant="none"
    size="md"
    :popper="{ arrow: false }"
    :ui="{ option: { container: 'flex items-center gap-2 min-w-max' } }">
    <template #leading>
      <UIcon name="i-heroicons-language" class="w-5 h-5" />

idesignzone

<template>
  <SwitchGroup as="div" class="flex items-center">
    <Switch
      :modelValue="modelValue"
      @update:modelValue="(newValue) => $emit('update:modelValue', newValue)"
      :class="[
        modelValue ? 'bg-indigo-500' : 'bg-gray-200 dark:bg-gray-800',
        'relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-none',
      ]">
      <span

idesignzone

import { ref } from "vue";
import { Capacitor } from "@capacitor/core";
import "cordova-plugin-purchase/www/store";

export function useInAppPurchase() {
  const iapProduct = ref();
  const iapOrder = ref();

  if (Capacitor.isNativePlatform()) {
    const { store, ProductType, Platform } = CdvPurchase;