Skip to content

Commit 7c3aeac

Browse files
authored
(feature) Improve nuxt compatibilty (#4)
1 parent 9e9d855 commit 7c3aeac

File tree

5 files changed

+50
-2
lines changed

5 files changed

+50
-2
lines changed

.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
.DS_Store
22
node_modules
33
/dist
4+
.nuxt
45

56
# local env files
67
.env.local

nuxt/index.js

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
const { resolve } = require('path')
2+
3+
module.exports = function VueInputUi () {
4+
this.addPlugin({
5+
ssr: false,
6+
src: resolve(__dirname, 'plugin.js'),
7+
fileName: 'vue-input-ui.js'
8+
})
9+
}
10+
11+
module.exports.meta = require(__dirname, './../package.json')

nuxt/plugin.js

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import Vue from 'vue'
2+
import VueInputUi from 'vue-input-ui'
3+
import 'vue-input-ui/dist/vue-input-ui.css'
4+
5+
Vue.component('VueInputUi', VueInputUi)

package.json

+7-2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
{
22
"name": "vue-input-ui",
3-
"version": "0.2.10",
3+
"version": "0.2.11",
44
"description": "A beautiful input made with Vue JS",
55
"author": "Louis Mazel <[email protected]>",
66
"scripts": {
77
"serve": "vue-cli-service serve --mode development",
8+
"serve:nuxt": "nuxt src",
89
"build": "npm run build:lib && npm run build:docs",
910
"test": "vue-cli-service test:unit /test/specs",
1011
"lint": "vue-cli-service lint",
@@ -18,7 +19,8 @@
1819
"ui": "vue ui"
1920
},
2021
"files": [
21-
"dist/"
22+
"dist/",
23+
"nuxt/"
2224
],
2325
"dependencies": {
2426
"vue": "^2.5.21"
@@ -31,7 +33,10 @@
3133
"eslint": "^5.8.0",
3234
"eslint-plugin-vue": "^5.0.0",
3335
"node-sass": "^4.12.0",
36+
"nuxt": "^2.9.2",
37+
"path": "^0.12.7",
3438
"sass-loader": "^7.1.0",
39+
"vue-server-renderer": "^2.6.9",
3540
"vue-template-compiler": "^2.5.21"
3641
},
3742
"postcss": {

src/pages/index.vue

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<template>
2+
<div>
3+
<h1>
4+
Component:
5+
</h1>
6+
<VueInputUi
7+
id="input1"
8+
v-model="value"
9+
clearable
10+
/>
11+
</div>
12+
</template>
13+
14+
<script>
15+
import VueInputUi from './../VueInputUi'
16+
export default {
17+
components: {
18+
VueInputUi
19+
},
20+
data () {
21+
return {
22+
value: null
23+
}
24+
}
25+
}
26+
</script>

0 commit comments

Comments
 (0)