nuxt-sta v0.1.1

nuxt-sta(beta)

STA Nuxt.js module

Features

• Nuxt 3 Support
• Developed based on STA
• Using the IntersectionObserver API Android: 5+ iOS: 12.2+

Install

npm install nuxt-sta

Setup

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['nuxt-sta']
});

Usage

<template>
	<!-- As a result, it is rendered as a div tag -->
	<sta>You can add text, tags, etc. here.</sta>

	<!-- By setting the tagName, you can change it to the desired tag -->
	<sta tagName="section">
		<span>Lorem ipsum dolor sit amet.</span>
	</sta>

	<!-- You can set the speed, direction, delay, and distance of the animation -->
	<sta duration="500">
		<span>Lorem ipsum dolor sit amet.</span>
	</sta>
	<sta direction="rtl">
		<span>Lorem ipsum dolor sit amet.</span>
	</sta>
	<sta delay="200">
		<span>Lorem ipsum dolor sit amet.</span>
	</sta>
	<sta distance="100">
		<span>Lorem ipsum dolor sit amet.</span>
	</sta>
</template>

Change Log

• 0.1.1 (2024-04-17) Fixes Fixed filePath issue when loading sta.vue file
• 0.1.0 (2024-04-13) * Release Beta Version