fix module build

.gitignore

@@ -2,5 +2,6 @@ node_modules
 .nuxt
 *.log
 cache/
+dist/
 ipx
 .DS_Store

package.json

@@ -7,8 +7,10 @@
   "files": [
     "dist"
   ],
+  "main": "dist/module.js",
   "scripts": {
     "build": "yarn clean && tsc",
+    "postbuild": "copyfiles -u 1 src/**/*.css dist",
     "clean": "rimraf dist",
     "dev": "yarn nuxt-ts playground",
     "nuxt-storybook": "ts-node src/cli",
@@ -27,12 +29,16 @@
     "@nuxt/typescript-runtime": "latest",
     "@nuxtjs/eslint-config-typescript": "latest",
     "@nuxtjs/storybook": "^2.1.0",
+    "@nuxtjs/tailwindcss": "^3.0.2",
     "@types/ci-info": "latest",
     "@types/inquirer": "latest",
     "babel-eslint": "latest",
+    "copyfiles": "^2.3.0",
     "eslint": "latest",
+    "node-sass": "^4.14.1",
     "nuxt-edge": "^2.14.2-26626271.34c56722",
     "rimraf": "^3.0.2",
+    "sass-loader": "^10.0.2",
     "standard-version": "latest",
     "typescript": "^4.0.2"
   },

playground/nuxt.config.ts

@@ -4,7 +4,8 @@ export default {
     '../src/module.ts'
   ],
   buildModules: [
-    '@nuxt/typescript-build'
+    '@nuxt/typescript-build',
+    '@nuxtjs/tailwindcss'
   ],
   image: {
     defaultProvider: 'twicpics',

src/module.ts

@@ -1,9 +1,9 @@
 import path from 'path'
 import hash from 'hasha'
-
-import { name, version } from '../package.json'
 import { ModuleOptions, ProviderFactory } from './types'
 
+const { name, version } = require('../package.json')
+
 async function ImageModule (moduleOptions) {
     const { nuxt, addServerMiddleware, addPlugin } = this
 
@@ -23,7 +23,7 @@ async function ImageModule (moduleOptions) {
         options.presets.unshift({
             name: 'lqip',
             modifiers: {
-              width: 20
+              width: 30
             }
         })
     }

templates/plugin.js

@@ -21,9 +21,9 @@ const image = createImage({
 })
 
 
-Vue.component(NuxtImage.options.name, NuxtImage)
+Vue.component(NuxtImage.name, NuxtImage)
 
 // TODO: directly plugin into vue
 export default function (context, inject) {
-    inject('img', image)
+  inject('img', image)
 }