1.0.6 • Published 1 year ago

nuxt-testimonial v1.0.6

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

Nuxt Testimonial

Nuxt Testimonial

npm version Nuxt

Create a Twitter testimonial wall for your Nuxt website.

Features

  • 👏🏻 Show off your favourite tweets
  • 🍱 Customizable Masonry layout
  • 💿 Server side cached for speed
  • 🌪 No layout shift (SSR)
  • ⚡ Fast & Easy setup
  • 🦥 Lazy loading

Quick Setup

  1. Add nuxt-testimonial dependency to your project
npm install --save-dev nuxt-testimonial
  1. Add nuxt-testimonial to the modules section of nuxt.config.ts
export default defineNuxtConfig({
  modules: ["nuxt-testimonial"],
});

That's it! You can now use Nuxt Testimonial in your Nuxt app ✨

Usage

We provide a simple <NuxtTestimonial /> component that you can add to your website.

Example

<template>
  <NuxtTestimonial
    :ids="ids"
    :show-media="false"
    :max-columns="columns"
    :column-width="width"
  />
</template>

<script setup>
const ids = [
  "1683982469752840193",
  // ... more twitter ids
];
const columns = ref(2);
const width = ref(200);
</script>

We also provide a simple Tweet component if you want to build your own integrations:

<template>
  <NuxtTweet :id="id" :show-media="false" />
</template>

<script setup>
const id = "1683982469752840193";
</script>
1.0.6

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago