
Product
Announcing Precomputed Reachability Analysis in Socket
Socket’s precomputed reachability slashes false positives by flagging up to 80% of vulnerabilities as irrelevant, with no setup and instant results.
nuxt-split-type
Advanced tools
[!NOTE] This module is currently pre v1, and might have bugs. Please feel free to open an issue if you see a bug!
Nuxt integration for SplitType.
wrapping
selector to wrap either lines, words or chars with a special HTML element with defined classesnuxt-split-type
dependency to your project# Using pnpm
pnpm add -D nuxt-split-type
# Using yarn
yarn add --dev nuxt-split-type
# Using npm
npm install --save-dev nuxt-split-type
nuxt-split-type
to the modules
section of nuxt.config.ts
export default defineNuxtConfig({
modules: [
'nuxt-split-type'
]
})
That's it! You can now use Nuxt SplitType in your Nuxt app ✨
<script setup lang="ts">
const pRef = ref<HTMLParagraphElement | null>(null);
const { revert } = useSplitText(pRef, {
splitBy: "lines, words",
onComplete: (instance) => {
console.log("complete", instance);
},
});
useTimeoutFn(async () => {
console.log("revert");
revert();
}, 4000);
</script>
<template>
<p ref="pRef">Nuxt SplitType is the best!</p>
</template>
<template>
<split-text
lines
words
:wrapping="{ wrapType: 'span', wrapClass: 'inline-block', select: 'lines' }"
@complete="(ins) => console.log('done', ins)"
v-slot="{ instance }"
>
Nuxt SplitType is the best!
</split-text>
</template>
<template>
<p v-split-text="{ splitBy: 'lines, words' }">
Nuxt SplitType is the best!
</p>
</template>
# Install dependencies
npm install
# Generate type stubs
npm run dev:prepare
# Develop with the playground
npm run dev
# Build the playground
npm run dev:build
# Run ESLint
npm run lint
# Run Vitest
npm run test
npm run test:watch
# Release new version
npm run release
v0.1.8
FAQs
Nuxt SplitType
The npm package nuxt-split-type receives a total of 54 weekly downloads. As such, nuxt-split-type popularity was classified as not popular.
We found that nuxt-split-type demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket’s precomputed reachability slashes false positives by flagging up to 80% of vulnerabilities as irrelevant, with no setup and instant results.
Product
Socket is launching experimental protection for Chrome extensions, scanning for malware and risky permissions to prevent silent supply chain attacks.
Product
Add secure dependency scanning to Claude Desktop with Socket MCP, a one-click extension that keeps your coding conversations safe from malicious packages.