Merite
Amplify deployment
@kapa.ai <div>
<UInput :ui="{ placeholder: 'placeholder-gray-500', icon: { base: 'text-mgp-deep-slate', } }"
variant="none" size="sm" color="white" :trailing="false" placeholder="D'ou part le colis" />
</div> comment puis je enlever les padding mis par le size sm de nuxt ui
14 replies
Add custom config in nuxt ui button
@kapa.ai const typeOptions = ['type1', 'type2', 'type3']
const gpType = ref(typeOptions[0]) <UPopover :popper="{ placement: 'bottom-start' }">
<UButton :ui="{ rounded: 'rounded-full' }" color="white"
trailing-icon="i-heroicons-chevron-down-20-solid">
<span class="text-gray-500">Type GP</span> <span class="text-mgp-blue-500">{{ gpType
}}</span>
</UButton>
<template #panel="{ close }">
<USelectMenu v-model="gpType" :options="typeOptions" @close="close" />
</template>
</UPopover> pourquoi dans le selecte les euatres elements en s'affiche pas
88 replies
Add custom config in nuxt ui button
@kapa.ai <UPopover :popper="{ placement: 'bottom-start' }">
<UButton :ui="{ rounded: 'rounded-full' }" color="white"
trailing-icon="i-heroicons-chevron-down-20-solid">
<span class="text-gray-500">Type GP</span> <span class="text-mgp-blue-500">{{ formattedDate
}}</span>
</UButton>
<template #panel="{ close }">
</template>
</UPopover> sur ce popover dans le slot panel mets un UsecletMenu
88 replies
Add custom config in nuxt ui button
@kapa.ai {"error":{"message":"[500] [IPX_ERROR] \nSomething went wrong installing the "sharp" module\n\nThe specified module could not be found.\r\n\\?\D:\Projets\essai\test\mgp-front\node_modules\sharp\build\Release\sharp-win32-x64.node\n\nPossible solutions:\n- Install with verbose logging and look for errors: "npm install --ignore-scripts=false --foreground-scripts --verbose sharp"\n- Install for the current win32-x64 runtime: "npm install --platform=win32 --arch=x64 sharp"\n- Consult the installation documentation: https://sharp.pixelplumbing.com/install"}} je recois cette erreur apres installation des dependences de vcalendar
88 replies
Add custom config in nuxt ui button
@kapa.ai button: {
default: { size: 'lg' },
size: {
'2xl': 'text-lg',
},
gap: {
'2xl': 'gap-x-3.5',
},
padding: {
'2xl': 'p-3.5'
},
square: {
'2xl': 'p-3.5',
},
color: {
'mgp-blue': {
solid: 'shadow-sm ring-mgp-blue-300 text-white bg-mgp-blue-500 hover:bg-mgp-blue-600 disabled:bg-mgp-blue-500 aria-disabled:bg-mgp-blue-500 focus-visible:ring-2 focus-visible:ring-primary-500 '
},
'mgp-blue-light': {
solid: 'shadow-sm ring-mgp-blue-light-300 text-white bg-mgp-blue-light-500 hover:bg-mgp-blue-light-600 disabled:bg-mgp-blue-light-500 aria-disabled:bg-mgp-blue-light-500 focus-visible:ring-2 focus-visible:ring-primary-500 '
},
'mgp-slate': {
solid: 'shadow-sm ring-mgp-slate-300 text-white bg-mgp-slate-500 hover:bg-mgp-slate-700 disabled:bg-mgp-slate-500 aria-disabled:bg-mgp-slate-500 focus-visible:ring-2 focus-visible:ring-primary-500 '
},
}
}, pourquoi mon button ne m'autocomplte pas pour la size 2xl <UButton :ui="{ rounded: 'rounded-full' }" icon="heroicons:arrow-long-right" size="2xl"
variant="solid" color="mgp-slate" label="Vendre mes kilos de libre" trailing /> Impossible d'assigner le type '"2xl"' au type 'ButtonSize | undefined'.ts-plugin(2322)
Button.vue.d.ts(471, 5): Le type attendu provient de la propriété 'size', qui est déclarée ici sur le type 'Partial<{ size: ButtonSize; type: string; replace: boolean; class: any; truncate: boolean; target: "_blank" | "_parent" | "_self" | "_top" | (string & {}); to: any; activeClass: string; ... 23 more ...; trailing: boolean; }> & Omit<...> & Record<...>'
88 replies
Add custom config in nuxt ui button
{
"extends": "./.nuxt/tsconfig.json",
"include": ["./.nuxt/tsconfig.json", "./nuxt-ui.d.ts"]
}
@kapa.ai voila ma config pour le nuxt config quand je le fais je recois ces erreurs ts definePageMeta({
layout: 'site'
})
e nom 'definePageMeta' est introuvable.ts-plugin(2304)
88 replies
Add custom config in nuxt ui button
@kapa.ai useSeoMeta({
twitterCard: 'summary_large_image',
twitterImage: 'https://gesflow.xyz/assets/logo.png',
ogImage: "https://gesflow.xyz/assets/logo.png",
})
can i use local image for twitterImage
88 replies
Add custom config in nuxt ui button
button: {
default: { size: 'lg' },
color: {
'custom': {
solid: 'bg-mgp-light-blue hover:bg-mgp-light-blue/50 text-white'
}
}
}, <UButton color="custom" label="Custom Color Button" /> @kapa.ai i receive this typescript error Impossible d'assigner le type '"custom"' au type 'ButtonColor | undefined'.ts-plugin(2322)
Button.vue.d.ts(487, 5): Le type attendu provient de la propriété 'color', qui est déclarée ici sur le type 'Partial<{ size: ButtonSize; type: string; replace: boolean; class: any; truncate: boolean; target: "_blank" | "_parent" | "_self" | "_top" | (string & {}); to: any; activeClass: string; ... 23 more ...; trailing: boolean; }> & Omit<...> & Record<...>'
88 replies