@vue/language-service 2.0.18 → 2.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/data/language-blocks/cs.json +69 -1
- package/data/language-blocks/en.json +69 -1
- package/data/language-blocks/fr.json +69 -1
- package/data/language-blocks/it.json +68 -0
- package/data/language-blocks/ja.json +69 -1
- package/data/language-blocks/ko.json +70 -2
- package/data/language-blocks/pt.json +68 -0
- package/data/language-blocks/ru.json +69 -1
- package/data/language-blocks/zh-cn.json +69 -1
- package/data/language-blocks/zh-hk.json +1102 -0
- package/data/model-modifiers/cs.json +12 -0
- package/data/model-modifiers/en.json +12 -0
- package/data/model-modifiers/fr.json +12 -0
- package/data/model-modifiers/it.json +12 -0
- package/data/model-modifiers/ja.json +12 -0
- package/data/model-modifiers/ko.json +12 -0
- package/data/model-modifiers/pt.json +12 -0
- package/data/model-modifiers/ru.json +12 -0
- package/data/model-modifiers/zh-cn.json +12 -0
- package/data/model-modifiers/zh-hk.json +188 -0
- package/data/template/cs.json +104 -0
- package/data/template/en.json +104 -0
- package/data/template/fr.json +104 -0
- package/data/template/it.json +104 -0
- package/data/template/ja.json +104 -0
- package/data/template/ko.json +105 -1
- package/data/template/pt.json +104 -0
- package/data/template/ru.json +104 -0
- package/data/template/zh-cn.json +104 -0
- package/data/template/zh-hk.json +1602 -0
- package/index.d.ts +3 -3
- package/index.js +8 -9
- package/lib/ideFeatures/nameCasing.d.ts +6 -5
- package/lib/ideFeatures/nameCasing.js +2 -2
- package/lib/plugins/css.js +2 -2
- package/lib/plugins/data.js +9 -0
- package/lib/plugins/vue-autoinsert-dotvalue.d.ts +2 -2
- package/lib/plugins/vue-autoinsert-dotvalue.js +17 -7
- package/lib/plugins/vue-autoinsert-space.js +7 -1
- package/lib/plugins/vue-codelens-references.d.ts +2 -0
- package/lib/plugins/vue-codelens-references.js +42 -0
- package/lib/plugins/vue-directive-comments.js +5 -1
- package/lib/plugins/vue-document-drop.d.ts +2 -2
- package/lib/plugins/vue-document-drop.js +12 -6
- package/lib/plugins/vue-document-links.js +6 -3
- package/lib/plugins/vue-extract-file.d.ts +2 -2
- package/lib/plugins/vue-extract-file.js +11 -4
- package/lib/plugins/vue-sfc.js +4 -3
- package/lib/plugins/vue-template.d.ts +2 -2
- package/lib/plugins/vue-template.js +155 -132
- package/lib/plugins/vue-toggle-v-bind-codeaction.js +7 -1
- package/lib/plugins/vue-twoslash-queries.d.ts +2 -2
- package/lib/plugins/vue-twoslash-queries.js +6 -2
- package/lib/plugins/vue-visualize-hidden-callback-param.js +5 -1
- package/package.json +16 -16
- package/scripts/update-html-data.js +6 -0
|
@@ -19,6 +19,10 @@
|
|
|
19
19
|
"name": "zh-cn",
|
|
20
20
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
21
21
|
},
|
|
22
|
+
{
|
|
23
|
+
"name": "zh-hk",
|
|
24
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
25
|
+
},
|
|
22
26
|
{
|
|
23
27
|
"name": "ja",
|
|
24
28
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -84,6 +88,10 @@
|
|
|
84
88
|
"name": "zh-cn",
|
|
85
89
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
86
90
|
},
|
|
91
|
+
{
|
|
92
|
+
"name": "zh-hk",
|
|
93
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
94
|
+
},
|
|
87
95
|
{
|
|
88
96
|
"name": "ja",
|
|
89
97
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -140,6 +148,10 @@
|
|
|
140
148
|
"name": "zh-cn",
|
|
141
149
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#template"
|
|
142
150
|
},
|
|
151
|
+
{
|
|
152
|
+
"name": "zh-hk",
|
|
153
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
|
|
154
|
+
},
|
|
143
155
|
{
|
|
144
156
|
"name": "ja",
|
|
145
157
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#template"
|
|
@@ -200,6 +212,10 @@
|
|
|
200
212
|
"name": "zh-cn",
|
|
201
213
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
202
214
|
},
|
|
215
|
+
{
|
|
216
|
+
"name": "zh-hk",
|
|
217
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
218
|
+
},
|
|
203
219
|
{
|
|
204
220
|
"name": "ja",
|
|
205
221
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -271,6 +287,10 @@
|
|
|
271
287
|
"name": "zh-cn",
|
|
272
288
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
273
289
|
},
|
|
290
|
+
{
|
|
291
|
+
"name": "zh-hk",
|
|
292
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
293
|
+
},
|
|
274
294
|
{
|
|
275
295
|
"name": "ja",
|
|
276
296
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -332,6 +352,10 @@
|
|
|
332
352
|
"name": "zh-cn",
|
|
333
353
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#script-setup"
|
|
334
354
|
},
|
|
355
|
+
{
|
|
356
|
+
"name": "zh-hk",
|
|
357
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#script-setup"
|
|
358
|
+
},
|
|
335
359
|
{
|
|
336
360
|
"name": "ja",
|
|
337
361
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#script-setup"
|
|
@@ -388,6 +412,10 @@
|
|
|
388
412
|
"name": "zh-cn",
|
|
389
413
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#script"
|
|
390
414
|
},
|
|
415
|
+
{
|
|
416
|
+
"name": "zh-hk",
|
|
417
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#script"
|
|
418
|
+
},
|
|
391
419
|
{
|
|
392
420
|
"name": "ja",
|
|
393
421
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#script"
|
|
@@ -446,6 +474,10 @@
|
|
|
446
474
|
"name": "zh-cn",
|
|
447
475
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#script-setup"
|
|
448
476
|
},
|
|
477
|
+
{
|
|
478
|
+
"name": "zh-hk",
|
|
479
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#script-setup"
|
|
480
|
+
},
|
|
449
481
|
{
|
|
450
482
|
"name": "ja",
|
|
451
483
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#script-setup"
|
|
@@ -506,6 +538,10 @@
|
|
|
506
538
|
"name": "zh-cn",
|
|
507
539
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
508
540
|
},
|
|
541
|
+
{
|
|
542
|
+
"name": "zh-hk",
|
|
543
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
544
|
+
},
|
|
509
545
|
{
|
|
510
546
|
"name": "ja",
|
|
511
547
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -583,6 +619,10 @@
|
|
|
583
619
|
"name": "zh-cn",
|
|
584
620
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
585
621
|
},
|
|
622
|
+
{
|
|
623
|
+
"name": "zh-hk",
|
|
624
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
625
|
+
},
|
|
586
626
|
{
|
|
587
627
|
"name": "ja",
|
|
588
628
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -641,6 +681,10 @@
|
|
|
641
681
|
"name": "zh-cn",
|
|
642
682
|
"url": "https://cn.vuejs.org/api/sfc-css-features.html#scoped-css"
|
|
643
683
|
},
|
|
684
|
+
{
|
|
685
|
+
"name": "zh-hk",
|
|
686
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#scoped-css"
|
|
687
|
+
},
|
|
644
688
|
{
|
|
645
689
|
"name": "ja",
|
|
646
690
|
"url": "https://ja.vuejs.org/api/sfc-css-features.html#scoped-css"
|
|
@@ -699,6 +743,10 @@
|
|
|
699
743
|
"name": "zh-cn",
|
|
700
744
|
"url": "https://cn.vuejs.org/api/sfc-css-features.html#css-modules"
|
|
701
745
|
},
|
|
746
|
+
{
|
|
747
|
+
"name": "zh-hk",
|
|
748
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#css-modules"
|
|
749
|
+
},
|
|
702
750
|
{
|
|
703
751
|
"name": "ja",
|
|
704
752
|
"url": "https://ja.vuejs.org/api/sfc-css-features.html#css-modules"
|
|
@@ -755,6 +803,10 @@
|
|
|
755
803
|
"name": "zh-cn",
|
|
756
804
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#style"
|
|
757
805
|
},
|
|
806
|
+
{
|
|
807
|
+
"name": "zh-hk",
|
|
808
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#style"
|
|
809
|
+
},
|
|
758
810
|
{
|
|
759
811
|
"name": "ja",
|
|
760
812
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#style"
|
|
@@ -815,6 +867,10 @@
|
|
|
815
867
|
"name": "zh-cn",
|
|
816
868
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
817
869
|
},
|
|
870
|
+
{
|
|
871
|
+
"name": "zh-hk",
|
|
872
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
873
|
+
},
|
|
818
874
|
{
|
|
819
875
|
"name": "ja",
|
|
820
876
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -871,6 +927,10 @@
|
|
|
871
927
|
"name": "zh-cn",
|
|
872
928
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#blocchi-custom"
|
|
873
929
|
},
|
|
930
|
+
{
|
|
931
|
+
"name": "zh-hk",
|
|
932
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#blocchi-custom"
|
|
933
|
+
},
|
|
874
934
|
{
|
|
875
935
|
"name": "ja",
|
|
876
936
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#blocchi-custom"
|
|
@@ -931,6 +991,10 @@
|
|
|
931
991
|
"name": "zh-cn",
|
|
932
992
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
933
993
|
},
|
|
994
|
+
{
|
|
995
|
+
"name": "zh-hk",
|
|
996
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
997
|
+
},
|
|
934
998
|
{
|
|
935
999
|
"name": "ja",
|
|
936
1000
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -988,6 +1052,10 @@
|
|
|
988
1052
|
"name": "zh-cn",
|
|
989
1053
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
990
1054
|
},
|
|
1055
|
+
{
|
|
1056
|
+
"name": "zh-hk",
|
|
1057
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
1058
|
+
},
|
|
991
1059
|
{
|
|
992
1060
|
"name": "ja",
|
|
993
1061
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -19,6 +19,10 @@
|
|
|
19
19
|
"name": "zh-cn",
|
|
20
20
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
21
21
|
},
|
|
22
|
+
{
|
|
23
|
+
"name": "zh-hk",
|
|
24
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
25
|
+
},
|
|
22
26
|
{
|
|
23
27
|
"name": "ja",
|
|
24
28
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -84,6 +88,10 @@
|
|
|
84
88
|
"name": "zh-cn",
|
|
85
89
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
86
90
|
},
|
|
91
|
+
{
|
|
92
|
+
"name": "zh-hk",
|
|
93
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
94
|
+
},
|
|
87
95
|
{
|
|
88
96
|
"name": "ja",
|
|
89
97
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -140,6 +148,10 @@
|
|
|
140
148
|
"name": "zh-cn",
|
|
141
149
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#template"
|
|
142
150
|
},
|
|
151
|
+
{
|
|
152
|
+
"name": "zh-hk",
|
|
153
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
|
|
154
|
+
},
|
|
143
155
|
{
|
|
144
156
|
"name": "ja",
|
|
145
157
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#template"
|
|
@@ -200,6 +212,10 @@
|
|
|
200
212
|
"name": "zh-cn",
|
|
201
213
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
202
214
|
},
|
|
215
|
+
{
|
|
216
|
+
"name": "zh-hk",
|
|
217
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
218
|
+
},
|
|
203
219
|
{
|
|
204
220
|
"name": "ja",
|
|
205
221
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -271,6 +287,10 @@
|
|
|
271
287
|
"name": "zh-cn",
|
|
272
288
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
273
289
|
},
|
|
290
|
+
{
|
|
291
|
+
"name": "zh-hk",
|
|
292
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
293
|
+
},
|
|
274
294
|
{
|
|
275
295
|
"name": "ja",
|
|
276
296
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -332,6 +352,10 @@
|
|
|
332
352
|
"name": "zh-cn",
|
|
333
353
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#script-setup"
|
|
334
354
|
},
|
|
355
|
+
{
|
|
356
|
+
"name": "zh-hk",
|
|
357
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#script-setup"
|
|
358
|
+
},
|
|
335
359
|
{
|
|
336
360
|
"name": "ja",
|
|
337
361
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#script-setup"
|
|
@@ -388,6 +412,10 @@
|
|
|
388
412
|
"name": "zh-cn",
|
|
389
413
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#script"
|
|
390
414
|
},
|
|
415
|
+
{
|
|
416
|
+
"name": "zh-hk",
|
|
417
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#script"
|
|
418
|
+
},
|
|
391
419
|
{
|
|
392
420
|
"name": "ja",
|
|
393
421
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#script"
|
|
@@ -446,6 +474,10 @@
|
|
|
446
474
|
"name": "zh-cn",
|
|
447
475
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#script-setup"
|
|
448
476
|
},
|
|
477
|
+
{
|
|
478
|
+
"name": "zh-hk",
|
|
479
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#script-setup"
|
|
480
|
+
},
|
|
449
481
|
{
|
|
450
482
|
"name": "ja",
|
|
451
483
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#script-setup"
|
|
@@ -506,6 +538,10 @@
|
|
|
506
538
|
"name": "zh-cn",
|
|
507
539
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
508
540
|
},
|
|
541
|
+
{
|
|
542
|
+
"name": "zh-hk",
|
|
543
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
544
|
+
},
|
|
509
545
|
{
|
|
510
546
|
"name": "ja",
|
|
511
547
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -583,6 +619,10 @@
|
|
|
583
619
|
"name": "zh-cn",
|
|
584
620
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
585
621
|
},
|
|
622
|
+
{
|
|
623
|
+
"name": "zh-hk",
|
|
624
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
625
|
+
},
|
|
586
626
|
{
|
|
587
627
|
"name": "ja",
|
|
588
628
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -641,6 +681,10 @@
|
|
|
641
681
|
"name": "zh-cn",
|
|
642
682
|
"url": "https://cn.vuejs.org/api/sfc-css-features.html#scoped-css"
|
|
643
683
|
},
|
|
684
|
+
{
|
|
685
|
+
"name": "zh-hk",
|
|
686
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#scoped-css"
|
|
687
|
+
},
|
|
644
688
|
{
|
|
645
689
|
"name": "ja",
|
|
646
690
|
"url": "https://ja.vuejs.org/api/sfc-css-features.html#scoped-css"
|
|
@@ -699,6 +743,10 @@
|
|
|
699
743
|
"name": "zh-cn",
|
|
700
744
|
"url": "https://cn.vuejs.org/api/sfc-css-features.html#css-modules"
|
|
701
745
|
},
|
|
746
|
+
{
|
|
747
|
+
"name": "zh-hk",
|
|
748
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#css-modules"
|
|
749
|
+
},
|
|
702
750
|
{
|
|
703
751
|
"name": "ja",
|
|
704
752
|
"url": "https://ja.vuejs.org/api/sfc-css-features.html#css-modules"
|
|
@@ -755,6 +803,10 @@
|
|
|
755
803
|
"name": "zh-cn",
|
|
756
804
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#style"
|
|
757
805
|
},
|
|
806
|
+
{
|
|
807
|
+
"name": "zh-hk",
|
|
808
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#style"
|
|
809
|
+
},
|
|
758
810
|
{
|
|
759
811
|
"name": "ja",
|
|
760
812
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#style"
|
|
@@ -815,6 +867,10 @@
|
|
|
815
867
|
"name": "zh-cn",
|
|
816
868
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
817
869
|
},
|
|
870
|
+
{
|
|
871
|
+
"name": "zh-hk",
|
|
872
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
873
|
+
},
|
|
818
874
|
{
|
|
819
875
|
"name": "ja",
|
|
820
876
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -860,7 +916,7 @@
|
|
|
860
916
|
],
|
|
861
917
|
"description": {
|
|
862
918
|
"kind": "markdown",
|
|
863
|
-
"value": "\nプロジェクト固有のニーズに応じて、`*.vue` ファイルに `<docs>` ブロックのような追加のカスタムブロックを含めることができます。カスタムブロックの実際の例としては、以下のようなものがあります:\n\n- [Gridsome: `<page-query>`](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: `<gql>`](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: `<i18n>`](https://github.com/intlify/bundle-tools/tree/main/packages/
|
|
919
|
+
"value": "\nプロジェクト固有のニーズに応じて、`*.vue` ファイルに `<docs>` ブロックのような追加のカスタムブロックを含めることができます。カスタムブロックの実際の例としては、以下のようなものがあります:\n\n- [Gridsome: `<page-query>`](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: `<gql>`](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: `<i18n>`](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\nカスタムブロックの扱いはツールに依存します - 独自のカスタムブロック統合を構築したい場合は、[SFC カスタムブロック統合ツールのセクション](https://ja.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations)で詳細を確認してください。\n"
|
|
864
920
|
},
|
|
865
921
|
"references": [
|
|
866
922
|
{
|
|
@@ -871,6 +927,10 @@
|
|
|
871
927
|
"name": "zh-cn",
|
|
872
928
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#カスタムブロック"
|
|
873
929
|
},
|
|
930
|
+
{
|
|
931
|
+
"name": "zh-hk",
|
|
932
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#カスタムブロック"
|
|
933
|
+
},
|
|
874
934
|
{
|
|
875
935
|
"name": "ja",
|
|
876
936
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#カスタムブロック"
|
|
@@ -931,6 +991,10 @@
|
|
|
931
991
|
"name": "zh-cn",
|
|
932
992
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
933
993
|
},
|
|
994
|
+
{
|
|
995
|
+
"name": "zh-hk",
|
|
996
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
997
|
+
},
|
|
934
998
|
{
|
|
935
999
|
"name": "ja",
|
|
936
1000
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -988,6 +1052,10 @@
|
|
|
988
1052
|
"name": "zh-cn",
|
|
989
1053
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
990
1054
|
},
|
|
1055
|
+
{
|
|
1056
|
+
"name": "zh-hk",
|
|
1057
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
1058
|
+
},
|
|
991
1059
|
{
|
|
992
1060
|
"name": "ja",
|
|
993
1061
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -19,6 +19,10 @@
|
|
|
19
19
|
"name": "zh-cn",
|
|
20
20
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
21
21
|
},
|
|
22
|
+
{
|
|
23
|
+
"name": "zh-hk",
|
|
24
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
25
|
+
},
|
|
22
26
|
{
|
|
23
27
|
"name": "ja",
|
|
24
28
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -84,6 +88,10 @@
|
|
|
84
88
|
"name": "zh-cn",
|
|
85
89
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
86
90
|
},
|
|
91
|
+
{
|
|
92
|
+
"name": "zh-hk",
|
|
93
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
94
|
+
},
|
|
87
95
|
{
|
|
88
96
|
"name": "ja",
|
|
89
97
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -140,6 +148,10 @@
|
|
|
140
148
|
"name": "zh-cn",
|
|
141
149
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#template"
|
|
142
150
|
},
|
|
151
|
+
{
|
|
152
|
+
"name": "zh-hk",
|
|
153
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
|
|
154
|
+
},
|
|
143
155
|
{
|
|
144
156
|
"name": "ja",
|
|
145
157
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#template"
|
|
@@ -200,6 +212,10 @@
|
|
|
200
212
|
"name": "zh-cn",
|
|
201
213
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
202
214
|
},
|
|
215
|
+
{
|
|
216
|
+
"name": "zh-hk",
|
|
217
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
218
|
+
},
|
|
203
219
|
{
|
|
204
220
|
"name": "ja",
|
|
205
221
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -271,6 +287,10 @@
|
|
|
271
287
|
"name": "zh-cn",
|
|
272
288
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
273
289
|
},
|
|
290
|
+
{
|
|
291
|
+
"name": "zh-hk",
|
|
292
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
293
|
+
},
|
|
274
294
|
{
|
|
275
295
|
"name": "ja",
|
|
276
296
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -332,6 +352,10 @@
|
|
|
332
352
|
"name": "zh-cn",
|
|
333
353
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#script-setup"
|
|
334
354
|
},
|
|
355
|
+
{
|
|
356
|
+
"name": "zh-hk",
|
|
357
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#script-setup"
|
|
358
|
+
},
|
|
335
359
|
{
|
|
336
360
|
"name": "ja",
|
|
337
361
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#script-setup"
|
|
@@ -388,6 +412,10 @@
|
|
|
388
412
|
"name": "zh-cn",
|
|
389
413
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#script"
|
|
390
414
|
},
|
|
415
|
+
{
|
|
416
|
+
"name": "zh-hk",
|
|
417
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#script"
|
|
418
|
+
},
|
|
391
419
|
{
|
|
392
420
|
"name": "ja",
|
|
393
421
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#script"
|
|
@@ -446,6 +474,10 @@
|
|
|
446
474
|
"name": "zh-cn",
|
|
447
475
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#script-setup"
|
|
448
476
|
},
|
|
477
|
+
{
|
|
478
|
+
"name": "zh-hk",
|
|
479
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#script-setup"
|
|
480
|
+
},
|
|
449
481
|
{
|
|
450
482
|
"name": "ja",
|
|
451
483
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#script-setup"
|
|
@@ -506,6 +538,10 @@
|
|
|
506
538
|
"name": "zh-cn",
|
|
507
539
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
508
540
|
},
|
|
541
|
+
{
|
|
542
|
+
"name": "zh-hk",
|
|
543
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
544
|
+
},
|
|
509
545
|
{
|
|
510
546
|
"name": "ja",
|
|
511
547
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -583,6 +619,10 @@
|
|
|
583
619
|
"name": "zh-cn",
|
|
584
620
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
585
621
|
},
|
|
622
|
+
{
|
|
623
|
+
"name": "zh-hk",
|
|
624
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
625
|
+
},
|
|
586
626
|
{
|
|
587
627
|
"name": "ja",
|
|
588
628
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -630,7 +670,7 @@
|
|
|
630
670
|
"valueSet": "v",
|
|
631
671
|
"description": {
|
|
632
672
|
"kind": "markdown",
|
|
633
|
-
"value": "\n`<style>` 태그에 `scoped` 속성이
|
|
673
|
+
"value": "\n`<style>` 태그에 `scoped` 속성이 있으면, 해당 CSS는 현재 컴포넌트의 엘리먼트에만 적용됩니다. 이것은 Shadow DOM에서 발견되는 스타일 캡슐화와 유사합니다. 몇 가지 주의 사항이 있지만, 폴리필이 필요하지 않습니다. PostCSS를 사용하여 다음을 변환함으로써 달성됩니다:\n\n```vue\n<style scoped>\n.example {\n color: red;\n}\n</style>\n\n<template>\n <div class=\"example\">안녕!</div>\n</template>\n```\n\n다음으로:\n\n```vue\n<style>\n.example[data-v-f3f3eg9] {\n color: red;\n}\n</style>\n\n<template>\n <div class=\"example\" data-v-f3f3eg9>안녕!</div>\n</template>\n```\n\n### 자식 컴포넌트 루트 엘리먼트 \n\n`scoped`를 사용하면 부모 컴포넌트의 스타일이 자식 컴포넌트로 누출되지 않습니다. 그러나 자식 컴포넌트의 루트 노드는 부모의 범위가 지정된 CSS와 자식의 범위가 지정된 CSS 모두의 영향을 받습니다. 이것은 부모가 레이아웃 목적으로 자식 루트 엘리먼트의 스타일을 지정할 수 있도록 의도적으로 설계된 것입니다:\n\n### 깊은 셀렉터 \n\n`scoped` 스타일의 셀렉터를 \"깊게\"(즉, 자식 컴포넌트에 영향을 미치게 하려면) `:deep()` 의사 클래스를 사용할 수 있습니다:\n\n```vue\n<style scoped>\n.a :deep(.b) {\n /* ... */\n}\n</style>\n```\n\n위의 내용은 다음과 같이 컴파일됩니다:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\n`v-html`로 만든 DOM 컨텐츠는 범위가 지정된 스타일의 영향을 받지 않지만, 깊은 셀렉터를 사용하여 스타일을 지정할 수 있습니다.\n:::\n\n### 슬롯형 셀렉터 \n\n기본적으로 범위가 지정된 스타일은 `<slot/>`에 의해 렌더링된 컨텐츠에 영향을 미치지 않습니다. 스타일을 전달하는 부모 컴포넌트가 소유한 것으로 간주되기 때문입니다. 슬롯 컨텐츠를 명시적으로 대상으로 지정하려면, `:slotted` 의사 클래스를 사용해야 합니다:\n\n```vue\n<style scoped>\n:slotted(div) {\n color: red;\n}\n</style>\n```\n\n### 전역 셀렉터 \n\n하나의 규칙만 전역적으로 적용하려면, 다른 `<style>`을 만드는 대신 `:global` 의사 클래스를 사용할 수 있습니다(아래 참고):\n\n```vue\n<style scoped>\n:global(.red) {\n color: red;\n}\n</style>\n```\n\n### 로컬 및 전역 스타일 혼합 \n\n동일한 컴포넌트에 범위가 지정된 스타일과 범위가 지정되지 않은 스타일을 모두 포함할 수도 있습니다:\n\n```vue\n<style>\n/* 전역 스타일 */\n</style>\n\n<style scoped>\n/* 로컬 스타일 */\n</style>\n```\n\n### 범위가 지정된 스타일 팁 \n\n- **범위가 지정된 스타일은 클래스의 필요성을 제거하지 않습니다**. 브라우저가 다양한 CSS 셀렉터를 렌더링하는 방식 때문에, `p { color: red }`처럼 범위를 지정할 때(즉, 속성 셀렉터와 결합될 때) 속도가 몇 배 느려집니다. `.example { color: red }`와 같이 클래스나 ID를 사용하면, 성능 저하를 거의 제거할 수 있습니다.\n\n- **재귀적 컴포넌트의 자손 셀렉터에 주의해야 합니다!** 셀렉터가 `.a .b`인 CSS 규칙의 경우, `.a`와 일치하는 엘리먼트가 재귀적인 자식 컴포넌트를 포함한다면, 해당 자식 컴포넌트의 모든 `.b`는 규칙과 일치하게 됩니다.\n"
|
|
634
674
|
},
|
|
635
675
|
"references": [
|
|
636
676
|
{
|
|
@@ -641,6 +681,10 @@
|
|
|
641
681
|
"name": "zh-cn",
|
|
642
682
|
"url": "https://cn.vuejs.org/api/sfc-css-features.html#scoped-css"
|
|
643
683
|
},
|
|
684
|
+
{
|
|
685
|
+
"name": "zh-hk",
|
|
686
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#scoped-css"
|
|
687
|
+
},
|
|
644
688
|
{
|
|
645
689
|
"name": "ja",
|
|
646
690
|
"url": "https://ja.vuejs.org/api/sfc-css-features.html#scoped-css"
|
|
@@ -688,7 +732,7 @@
|
|
|
688
732
|
"valueSet": "v",
|
|
689
733
|
"description": {
|
|
690
734
|
"kind": "markdown",
|
|
691
|
-
"value": "\n`<style module>` 태그는 [CSS 모듈](https://github.com/css-modules/css-modules)로
|
|
735
|
+
"value": "\n`<style module>` 태그는 [CSS 모듈](https://github.com/css-modules/css-modules)로 컴파일되고, 결과적으로 CSS 클래스를 `$style` 키(key) 내부에 객체로 컴포넌트에 노출합니다:\n\n```vue\n<template>\n <p :class=\"$style.red\">이것은 빨간색이어야 합니다.</p>\n</template>\n\n<style module>\n.red {\n color: red;\n}\n</style>\n```\n\n결과적인 클래스는 충돌을 피하기 위해 해시되어, CSS 범위를 현재 컴포넌트로만 지정하는 것과 동일한 효과를 얻습니다.\n\n[전역 예외](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#exceptions), [컴포지션](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#composition) 등의 자세한 사항은 [CSS 모듈 스팩](https://github.com/css-modules/css-modules)을 참고하십시오.\n\n### 커스텀 이름 삽입 \n\n`module` 속성에 값을 지정하여, 주입된 클래스 객체의 속성 키를 커스텀할 수 있습니다:\n\n```vue\n<template>\n <p :class=\"classes.red\">red</p>\n</template>\n\n<style module=\"classes\">\n.red {\n color: red;\n}\n</style>\n```\n\n### 컴포지션 API와 함께 사용 \n\n주입된 클래스는 `useCssModule` API를 통해 `setup()` 및 `<script setup>`에서 접근할 수 있습니다. 커스텀 주입 이름이 있는 `<style module>` 블록의 경우 `useCssModule`은 일치하는 `module` 속성 값을 첫 번째 인자로 받습니다:\n\n```js\nimport { useCssModule } from 'vue'\n\n// setup() 내부에서...\n// 기본값은, <style module>의 클래스 반환\nuseCssModule()\n\n// 이름을 지정한 경우, <style module=\"classes\">의 클래스 반환\nuseCssModule('classes')\n```\n"
|
|
692
736
|
},
|
|
693
737
|
"references": [
|
|
694
738
|
{
|
|
@@ -699,6 +743,10 @@
|
|
|
699
743
|
"name": "zh-cn",
|
|
700
744
|
"url": "https://cn.vuejs.org/api/sfc-css-features.html#css-modules"
|
|
701
745
|
},
|
|
746
|
+
{
|
|
747
|
+
"name": "zh-hk",
|
|
748
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#css-modules"
|
|
749
|
+
},
|
|
702
750
|
{
|
|
703
751
|
"name": "ja",
|
|
704
752
|
"url": "https://ja.vuejs.org/api/sfc-css-features.html#css-modules"
|
|
@@ -755,6 +803,10 @@
|
|
|
755
803
|
"name": "zh-cn",
|
|
756
804
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#style"
|
|
757
805
|
},
|
|
806
|
+
{
|
|
807
|
+
"name": "zh-hk",
|
|
808
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#style"
|
|
809
|
+
},
|
|
758
810
|
{
|
|
759
811
|
"name": "ja",
|
|
760
812
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#style"
|
|
@@ -815,6 +867,10 @@
|
|
|
815
867
|
"name": "zh-cn",
|
|
816
868
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
817
869
|
},
|
|
870
|
+
{
|
|
871
|
+
"name": "zh-hk",
|
|
872
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
873
|
+
},
|
|
818
874
|
{
|
|
819
875
|
"name": "ja",
|
|
820
876
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|
|
@@ -871,6 +927,10 @@
|
|
|
871
927
|
"name": "zh-cn",
|
|
872
928
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#커스텀-블럭"
|
|
873
929
|
},
|
|
930
|
+
{
|
|
931
|
+
"name": "zh-hk",
|
|
932
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#커스텀-블럭"
|
|
933
|
+
},
|
|
874
934
|
{
|
|
875
935
|
"name": "ja",
|
|
876
936
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#커스텀-블럭"
|
|
@@ -931,6 +991,10 @@
|
|
|
931
991
|
"name": "zh-cn",
|
|
932
992
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
933
993
|
},
|
|
994
|
+
{
|
|
995
|
+
"name": "zh-hk",
|
|
996
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
997
|
+
},
|
|
934
998
|
{
|
|
935
999
|
"name": "ja",
|
|
936
1000
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
|
|
@@ -988,6 +1052,10 @@
|
|
|
988
1052
|
"name": "zh-cn",
|
|
989
1053
|
"url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
|
|
990
1054
|
},
|
|
1055
|
+
{
|
|
1056
|
+
"name": "zh-hk",
|
|
1057
|
+
"url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
|
|
1058
|
+
},
|
|
991
1059
|
{
|
|
992
1060
|
"name": "ja",
|
|
993
1061
|
"url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
|