nuxt-date-fns v1.0.1

date-fns plugin for Nuxt.

📦 Install

1. Install nuxt-date-fns as development dependency:

npm i nuxt-date-fns -D

2. Add it to the modules section of your nuxt.config:

import { defineNuxtConfig } from 'nuxt'

export default defineNuxtConfig({
  modules: ['nuxt-date-fns']
})

🚀 Example

Use any date-fns methods in your Nuxt application.

<template>
  <div>
    {{ $dateFns.format(new Date(), 'dd-MM-yyyy') }}
  </div>
</template>

<script setup lang="ts">
// alternatively, you can also use it here
const { $dateFns } = useNuxtApp()
</script>

🔨 Config

💻 Example - Config

import { defineNuxtConfig } from 'nuxt';

export default defineNuxtConfig({
  modules: ['nuxt-date-fns'],
  dateFns: {
    format: 'dd-MM-yyyy',
    defaultLocale: 'fr',
    fallbackLocale: 'enUS'
  }
});

📄 License

MIT License © 2022 - Arthur Dufour