Nuxt3 Support

If I get more time I will make this a PR.

I have written a DayJS plugin for nuxt3 and so far its working pretty well:

plugnis/dayjs.ts

import dayjs from 'dayjs'
import relativeTime from 'dayjs/plugin/relativeTime.js'
import { defineNuxtPlugin } from '#app'

export default defineNuxtPlugin((nuxtApp) => {
  dayjs.extend(relativeTime)
  nuxtApp.provide('dayjs', dayjs)
})

declare module '#app' {
  interface NuxtApp {
    $dayjs: dayjs.Dayjs
 }
}

I assume next steps are to transfer this into the template/runtime format and plug in the locale config.

[JoaoPedroAS51]

Hi @potato4d! I was working on a Nuxt 3 version of this module a while ago. Would you be interested in taking a look? It has useDayjs() composable and auto register of dayjs types.

[nathanchase]

I’ve created a Nuxt 3 module using the official Nuxt 3 module-builder: https://github.com/nathanchase/dayjs/

It’s on npm currently at: https://www.npmjs.com/package/@nathanchase/nuxt-dayjs-module

It’s barebones, and some of the plugins I use are hardcoded into it. Someone else might be able to make it more modular to use the same dayjs configuration object that the Nuxt 2 dayjs-module uses to specify plugins and other options?

I wasn’t sure the protocol of how to submit this as a PR for this module, since it’s vastly different. You can check the playground for examples of the module working.

Take a look @potato4d, and see what you think.