sprockets-vue 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +28 -3
- data/lib/sprockets/vue.rb +1 -0
- data/lib/sprockets/vue/version.rb +1 -1
- metadata +3 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d583936aac8d4545115b613b67d93925fbd92f2a
|
4
|
+
data.tar.gz: 1233ee5c42b9d7a68687bcee5b73d9d555dff87e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 733626d2774ce4b875bf2769db5e36ab217ce7c1379367112f5cba3bcf256216223e7c16b430b9fb96b1628e73566b01811a9be8ccd0352a1b5bad56c4dde03e
|
7
|
+
data.tar.gz: f9c7313dbb3c23c666c0dbaa8729bf35c96e5a2309fc0c5828d01e4e06d358ef1d59b79baca46a5333edbfe712fc47ef9baaf1e4c6be298682e90ec365a22629
|
data/README.md
CHANGED
@@ -1,13 +1,17 @@
|
|
1
1
|
# sprockets-vue
|
2
2
|
A Sprockets transformer that converts .vue file into js object.
|
3
3
|
|
4
|
+
# example
|
4
5
|
* index.vue
|
5
6
|
```vue
|
6
|
-
|
7
|
+
//= require compents/card
|
7
8
|
<script lang="coffee">
|
8
9
|
{
|
9
10
|
data: ->
|
11
|
+
search: ''
|
10
12
|
members: []
|
13
|
+
components:
|
14
|
+
card: VCompents['compents/card']
|
11
15
|
methods:
|
12
16
|
clear: ->
|
13
17
|
this.search = ''
|
@@ -29,12 +33,33 @@ A Sprockets transformer that converts .vue file into js object.
|
|
29
33
|
* application.coffee
|
30
34
|
|
31
35
|
```coffee
|
32
|
-
#= require
|
36
|
+
#= require index
|
33
37
|
|
34
38
|
new Vue(
|
35
39
|
el: '#search',
|
36
40
|
components: {
|
37
|
-
'index': VCompents
|
41
|
+
'index': VCompents.index
|
38
42
|
}
|
39
43
|
)
|
40
44
|
```
|
45
|
+
|
46
|
+
# compiled javascript
|
47
|
+
|
48
|
+
```javascript
|
49
|
+
|
50
|
+
;if (typeof(VCompents)==='undefined')VCompents = {};
|
51
|
+
VCompents['index'] = ({
|
52
|
+
data: function() {
|
53
|
+
return {
|
54
|
+
members: [],
|
55
|
+
search: ''
|
56
|
+
};
|
57
|
+
},
|
58
|
+
methods: {
|
59
|
+
clear: function() {
|
60
|
+
return this.search = '';
|
61
|
+
},
|
62
|
+
}
|
63
|
+
});
|
64
|
+
;VCompents['index'].template = '\n <div class=\"container\">\n <div class=\'search icon-input\'>\n <span class=\"search-icon glyphicon glyphicon-search\"><\/span>\n <input class=\"form-control\" type=\"text\" v-model=\'search\'>\n <span @click=\'clear\' class=\"clear-icon glyphicon glyphicon-remove\"><\/span>\n <\/div>\n <card v-for=\"m in members\" :m=\'m\'><\/card>\n <\/div>\n';
|
65
|
+
```
|
data/lib/sprockets/vue.rb
CHANGED
@@ -44,5 +44,6 @@ module Sprockets
|
|
44
44
|
if respond_to?(:register_transformer)
|
45
45
|
register_mime_type 'text/vue', extensions: ['.vue'], charset: :unicode
|
46
46
|
register_transformer 'text/vue', 'application/javascript', Vue
|
47
|
+
register_processor 'text/vue', Sprockets::DirectiveProcessor
|
47
48
|
end
|
48
49
|
end
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: sprockets-vue
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- kikyous
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2016-10-
|
11
|
+
date: 2016-10-25 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sprockets
|
@@ -63,7 +63,7 @@ files:
|
|
63
63
|
- README.md
|
64
64
|
- lib/sprockets/vue.rb
|
65
65
|
- lib/sprockets/vue/version.rb
|
66
|
-
homepage: https://github.com/
|
66
|
+
homepage: https://github.com/kikyous/sprockets-vue
|
67
67
|
licenses:
|
68
68
|
- MIT
|
69
69
|
metadata: {}
|