Sleep

Nuxt Signboard - Vue.js Feed #.\n\nA light in weight Nuxt 3 part that uses the power of CSS animations to produce sleek soft marquees.\n\nSetup.\n# if you are actually using npm.\nnpm i -D nuxt-marquee.\n\n# if you're utilizing yarn.\nyarn add -D nuxt-marquee.\n\n

if you're making use of pnpm.pnpm i -D nuxt-marquee.Utilization.To utilize this module, incorporate it to the components area of your nuxt.config.ts data.export default defineNuxtConfig( //.elements: [" nuxt-marquee"],. ).Instance.

Props.Property.Kind.Default.Description.design.CSSProperties.{-String.Split-|-}Inline design for the container div.category.any."".Name of the css classification to type the compartment div.autoFill.boolean.untrue.Whether to instantly pack empty room in the tent with copies of the youngsters or otherwise.action.boolean.accurate.Whether to play or stop the tent.pauseOnHover.boolean.untrue.Whether to pause the signboard when hovered.pauseOnClick.boolean.misleading.Whether to stop the signboard when clicked.path." left" |"straight" |"up" |"down"." left".The instructions the marquee slides Precaution: Upright signboards are actually currently speculative and also might be buggy. Feel free to swap the values of the marquee's height as well as width when setting all of them.speed.number.50.Rate figured out as pixels/second.problem.number.0Length to delay the computer animation after render, in few seconds.loop.amount.0The lot of times the signboard need to loophole, 0 amounts infinite.incline.boolean.incorrect.Whether to present the gradient or not.gradientColor.cord.white.The colour of the slope.gradientWidth.variety |cord.200.The distance of the slope on either edge.Events.Celebration Name.Description.end.Produced when the marquee finishes scrolling and also ceases. Only names if loophole is non-zero.cycleComplete.Emitted when the signboard finishes a loophole. Does certainly not call if optimum loops are actually reached out to (make use of onFinish rather).