Merge pull request #208 from bvelastegui/master

✨ Add plugins support

Author: potato4d

lib/module.js

@@ -12,7 +12,11 @@ function dayjsModule(moduleOptions) {
       moduleOptions.defaultLocale ||
       this.options.dayjs.defaultLocale ||
       null
-    )
+    ),
+    plugins: [
+      ...(this.options.dayjs.plugins || []),
+      ...(moduleOptions.plugins || []),
+    ]
   }
 
   this.addPlugin({

lib/plugin.js

@@ -2,6 +2,8 @@ import dayjs from 'dayjs'
 
 <%= options.locales.map(l => `import 'dayjs/locale/${l}'`).join('\n') %>
 
+<%= options.plugins.map(l => `dayjs.extend(require('dayjs/plugin/${l}'))`).join('\n') %>
+
 <% if (options.defaultLocale) { %>
 dayjs.locale('<%= options.defaultLocale %>')
 <% } %>

test/fixture/nuxt.config.js

@@ -7,5 +7,6 @@ module.exports = {
   dev: process.env.NODE_ENV !== 'test' && process.env.NODE_ENV === 'production',
   dayjs: {
     locales: ['ja'],
-  },
+    plugins: ['advancedFormat', 'localizedFormat']
+  }
 }

test/fixture/pages/plugin.vue

@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <p data-test-id="advancedFormat">{{ advancedFormat }}</p>
+    <p data-test-id="localized">{{ localized }}</p>
+  </div>
+</template>
+<script>
+export default {
+  asyncData(context) {
+    return {
+      advancedFormat: context
+        .$dayjs('2018-08-16')
+        .format('Do'),
+      localized: context
+        .$dayjs('2018-08-16')
+        .format('ll')
+    }
+  }
+}
+</script>

test/system/module.spec.ts

@@ -62,4 +62,18 @@ describe('basic', () => {
     const newValue = await newTextContent.jsonValue()
     return expect(newValue).toBe('1995/12/18(月曜日)')
   })
+
+  test('support plugins', async () => {
+    expect.assertions(2)
+    await page.goto(url('/plugin'))
+    const el = await page.$('[data-test-id="advancedFormat"]')
+    const textContent = await el!.getProperty('textContent')
+    const value = await textContent.jsonValue()
+    expect(value).toBe('16th')
+
+    const el1 = await page.$('[data-test-id="localized"]')
+    const textContent1 = await el1!.getProperty('textContent')
+    const value1 = await textContent1.jsonValue()
+    return expect(value1).toBe('Aug 16, 2018')
+  })
 })