4drian-sanchez

import {create} from 'zustand'
import { devtools } from 'zustand/middleware'

interface Store {
}

const initialState = {}

export const useStore = create<Store> () (devtools( (set, get) => ({
        ...initialState,

4drian-sanchez

export const dateFormatter = fecha => {
  const nuevaFecha = new Date(fecha.split("T")[0].split("-"));
  const opciones = {
    weekday: "long",
    year: "numeric",
    month: "long",
    day: "2-digit",
  };

  return nuevaFecha.toLocaleDateString("es-ES", opciones);

4drian-sanchez

.line-limit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

4drian-sanchez

export function formatCurrency(amount: number): string {
    return new Intl.NumberFormat('en-US', {
        style: 'currency',
        currency: 'USD',
        minimumFractionDigits: 2,
        maximumFractionDigits: 2
    }).format(amount);
}

4drian-sanchez

import { useState } from "react";

export const useForm = (initialForm = {}) => {
  
    const [ formState, setFormState ] = useState( initialForm );

    const hundleChange = ({ target: { name, value } }) => {
        setFormState({
            ...formState,
            [ name ]: value

4drian-sanchez

<picture>
	<source sizes="1920w, 1280w, 640w" 
			srcset=
			"img/imagen.avif 1920w, 
			 img/imagen-1280.avif 1280w, 
			 img/imagen-640.avif 640w" 
			 type="image/avif">
	<source 
			sizes="1920w, 1280w, 640w"
			srcset="img/imagen.webp 1920w, 

4drian-sanchez

const regex = new RegExp("([!#-'*+/-9=?A-Z^-~-]+(\.[!#-'*+/-9=?A-Z^-~-]+)*|\"\(\[\]!#-[^-~ \t]|(\\[\t -~]))+\")@([!#-'*+/-9=?A-Z^-~-]+(\.[!#-'*+/-9=?A-Z^-~-]+)*|\[[\t -Z^-~]*])");