File tree Expand file tree Collapse file tree 18 files changed +65
-178
lines changed Expand file tree Collapse file tree 18 files changed +65
-178
lines changed Original file line number Diff line number Diff line change @@ -868,6 +868,9 @@ const renderDirectoryStructure = (module.exports.renderDirectoryStructure = asyn
868
868
case 'sass' :
869
869
if ( rawPath . slice ( - 5 ) == '.scss' || rawPath . slice ( - 5 ) == '.sass' ) files . push ( rawPath ) ;
870
870
break ;
871
+ case 'dart-sass' :
872
+ if ( rawPath . slice ( - 5 ) == '.scss' || rawPath . slice ( - 5 ) == '.sass' ) files . push ( rawPath ) ;
873
+ break ;
871
874
case 'less' :
872
875
if ( rawPath . slice ( - 5 ) == '.less' ) files . push ( rawPath ) ;
873
876
break ;
Original file line number Diff line number Diff line change 128
128
<%_ } _%>
129
129
<!-- Add "scoped" attribute to limit CSS to this component only -->
130
130
<%_ if (rootOptions.cssPreprocessor) { _%>
131
- <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss') { _%>
132
- <%# -------------------- IS Using scss OR sass -------------------- -%>
133
- <%- rootOptions.cssPreprocessor
134
- ? `<style web lang="${
135
- rootOptions.cssPreprocessor === 'sass'
136
- ? 'scss'
137
- : rootOptions.cssPreprocessor
138
- }"` + `>`
139
- : ``
140
- %>
131
+ <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss' || rootOptions.cssPreprocessor == 'dart-sass' ) { _%>
132
+ <%# -------------------- IS Using sass, scss OR dart-sass -------------------- -%>
133
+ <style web lang="scss">
141
134
@import '~styles/style-one';
142
135
143
136
.w-page {
150
143
}
151
144
152
145
</style>
153
- <%- rootOptions.cssPreprocessor
154
- ? `<style native lang="${
155
- rootOptions.cssPreprocessor === 'sass'
156
- ? 'scss'
157
- : rootOptions.cssPreprocessor
158
- }"` + `>`
159
- : ``
160
- %>
146
+ <style native lang="scss">
161
147
@import '~styles/style-one';
162
148
</style>
163
149
<%_ } else if (rootOptions.cssPreprocessor == 'stylus') { _%>
Original file line number Diff line number Diff line change 31
31
<%_ } _%>
32
32
<!-- Add "scoped" attribute to limit CSS to this component only -->
33
33
<%_ if (rootOptions.cssPreprocessor) { _%>
34
- <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss') { _%>
35
- <%# -------------------- IS Using scss OR sass -------------------- -%>
36
- <%- rootOptions.cssPreprocessor
37
- ? `<style scoped lang="${
38
- rootOptions.cssPreprocessor === 'sass'
39
- ? 'scss'
40
- : rootOptions.cssPreprocessor
41
- }"` + `>`
42
- : ``
43
- %>
34
+ <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss' || rootOptions.cssPreprocessor == 'dart-sass' ) { _%>
35
+ <%# -------------------- IS Using sass, scss OR dart-sass -------------------- -%>
36
+ <style scoped lang="scss">
44
37
.message {
45
38
color: #42b983;
46
39
}
Original file line number Diff line number Diff line change 31
31
<%_ } _%>
32
32
<!-- Add "scoped" attribute to limit CSS to this component only -->
33
33
<%_ if (rootOptions.cssPreprocessor) { _%>
34
- <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss') { _%>
35
- <%# -------------------- IS Using scss OR sass -------------------- -%>
36
- <%- rootOptions.cssPreprocessor
37
- ? `<style scoped lang="${
38
- rootOptions.cssPreprocessor === 'sass'
39
- ? 'scss'
40
- : rootOptions.cssPreprocessor
41
- }"` + `>`
42
- : ``
43
- %>
34
+ <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss' || rootOptions.cssPreprocessor == 'dart-sass' ) { _%>
35
+ <%# -------------------- IS Using sass, scss OR dart-sass -------------------- -%>
36
+ <style scoped lang="scss">
44
37
.message {
45
38
color: #42b983;
46
39
}
Original file line number Diff line number Diff line change 31
31
<%_ } _%>
32
32
<!-- Add "scoped" attribute to limit CSS to this component only -->
33
33
<%_ if (rootOptions.cssPreprocessor) { _%>
34
- <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss') { _%>
35
- <%# -------------------- IS Using scss OR sass -------------------- -%>
36
- <%- rootOptions.cssPreprocessor
37
- ? `<style scoped lang="${
38
- rootOptions.cssPreprocessor === 'sass'
39
- ? 'scss'
40
- : rootOptions.cssPreprocessor
41
- }"` + `>`
42
- : ``
43
- %>
34
+ <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss' || rootOptions.cssPreprocessor == 'dart-sass' ) { _%>
35
+ <%# -------------------- IS Using sass, scss OR dart-sass -------------------- -%>
36
+ <style scoped lang="scss">
44
37
.message {
45
38
color: #42b983;
46
39
}
Original file line number Diff line number Diff line change 32
32
<%_ } _%>
33
33
<!-- Add "scoped" attribute to limit CSS to this component only -->
34
34
<%_ if (rootOptions.cssPreprocessor) { _%>
35
- <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss') { _%>
36
- <%# -------------------- IS Using scss OR sass -------------------- -%>
37
- <%- rootOptions.cssPreprocessor
38
- ? `<style scoped lang="${
39
- rootOptions.cssPreprocessor === 'sass'
40
- ? 'scss'
41
- : rootOptions.cssPreprocessor
42
- }"` + `>`
43
- : ``
44
- %>
35
+ <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss' || rootOptions.cssPreprocessor == 'dart-sass' ) { _%>
36
+ <%# -------------------- IS Using sass, scss OR dart-sass -------------------- -%>
37
+ <style scoped lang="scss">
45
38
.message {
46
39
color: #42b983;
47
40
display: block;
Original file line number Diff line number Diff line change 41
41
<%_ } _%>
42
42
<!-- Add "scoped" attribute to limit CSS to this component only -->
43
43
<%_ if (rootOptions.cssPreprocessor) { _%>
44
- <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss') { _%>
45
- <%# -------------------- IS Using scss OR sass -------------------- -%>
46
- <%- rootOptions.cssPreprocessor
47
- ? `<style scoped lang="${
48
- rootOptions.cssPreprocessor === 'sass'
49
- ? 'scss'
50
- : rootOptions.cssPreprocessor
51
- }"` + `>`
52
- : ``
53
- %>
44
+ <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss' || rootOptions.cssPreprocessor == 'dart-sass' ) { _%>
45
+ <%# -------------------- IS Using sass, scss OR dart-sass -------------------- -%>
46
+ <style scoped lang="scss">
54
47
@import '~styles/style-two';
55
48
@import '~styles/style-one';
56
49
Original file line number Diff line number Diff line change 61
61
<%_ } _%>
62
62
<!-- Add "scoped" attribute to limit CSS to this component only -->
63
63
<%_ if (rootOptions.cssPreprocessor) { _%>
64
- <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss') { _%>
65
- <%# -------------------- IS Using scss OR sass -------------------- -%>
66
- <%- rootOptions.cssPreprocessor
67
- ? `<style scoped lang="${
68
- rootOptions.cssPreprocessor === 'sass'
69
- ? 'scss'
70
- : rootOptions.cssPreprocessor
71
- }"` + `>`
72
- : ``
73
- %>
64
+ <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss' || rootOptions.cssPreprocessor == 'dart-sass' ) { _%>
65
+ <%# -------------------- IS Using sass, scss OR dart-sass -------------------- -%>
66
+ <style scoped lang="scss">
74
67
@import '~styles/style-one';
75
68
@import '~styles/style-two';
76
69
Original file line number Diff line number Diff line change 130
130
}
131
131
132
132
public goToAboutPage() {
133
- VUE_APP_MODE == 'web' ? this.$router.push('about') : Vue.prototype.$navigateTo(About);
133
+ VUE_APP_MODE === 'web' ? this.$router.push('about') : Vue.prototype.$navigateTo(About);
134
134
}
135
135
<%_ } _%>
136
136
}
140
140
141
141
<!-- Add "scoped" attribute to limit CSS to this component only -->
142
142
<%_ if (rootOptions.cssPreprocessor) { _%>
143
- <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss') { _%>
144
- <%# -------------------- IS Using scss OR sass -------------------- -%>
145
- <%- rootOptions.cssPreprocessor
146
- ? `<style web lang="${
147
- rootOptions.cssPreprocessor === 'sass'
148
- ? 'scss'
149
- : rootOptions.cssPreprocessor
150
- }"` + `>`
151
- : ``
152
- %>
143
+ <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss' || rootOptions.cssPreprocessor == 'dart-sass' ) { _%>
144
+ <%# -------------------- IS Using sass, scss OR dart-sass -------------------- -%>
145
+ <style web lang="scss">
146
+ @import '~styles/style-one';
147
+
148
+ .w-page {
149
+ height: 100%;
150
+ width: 100%;
151
+ }
152
+
153
+ </style>
154
+ <style native lang="scss">
153
155
@import '~styles/style-one';
154
156
155
157
.w-page {
158
160
}
159
161
160
162
</style>
161
- <%- rootOptions.cssPreprocessor
162
- ? `<style native lang="${
163
- rootOptions.cssPreprocessor === 'sass'
164
- ? 'scss'
165
- : rootOptions.cssPreprocessor
166
- }"` + `>`
167
- : ``
168
- %>
169
163
@import '~styles/style-one';
170
164
</style>
171
165
<%_ } else if (rootOptions.cssPreprocessor == 'stylus') { _%>
Original file line number Diff line number Diff line change 31
31
<%_ } _%>
32
32
<!-- Add "scoped" attribute to limit CSS to this component only -->
33
33
<%_ if (rootOptions.cssPreprocessor) { _%>
34
- <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss') { _%>
35
- <%# -------------------- IS Using scss OR sass -------------------- -%>
36
- <%- rootOptions.cssPreprocessor
37
- ? `<style scoped lang="${
38
- rootOptions.cssPreprocessor === 'sass'
39
- ? 'scss'
40
- : rootOptions.cssPreprocessor
41
- }"` + `>`
42
- : ``
43
- %>
34
+ <%_ if (rootOptions.cssPreprocessor == 'sass' || rootOptions.cssPreprocessor == 'scss' || rootOptions.cssPreprocessor == 'dart-sass' ) { _%>
35
+ <%# -------------------- IS Using sass, scss OR dart-sass -------------------- -%>
36
+ <style scoped lang="scss">
44
37
.message {
45
38
color: #42b983;
46
39
}
You can’t perform that action at this time.
0 commit comments