@vue/language-service 2.0.13 → 2.0.15

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.
Files changed (42) hide show
  1. package/data/language-blocks/cs.json +1034 -0
  2. package/data/language-blocks/en.json +204 -0
  3. package/data/language-blocks/fr.json +204 -0
  4. package/data/language-blocks/it.json +204 -0
  5. package/data/language-blocks/ja.json +204 -0
  6. package/data/language-blocks/ko.json +205 -1
  7. package/data/language-blocks/pt.json +204 -0
  8. package/data/language-blocks/ru.json +1034 -0
  9. package/data/language-blocks/zh-cn.json +205 -1
  10. package/data/model-modifiers/cs.json +176 -0
  11. package/data/model-modifiers/en.json +36 -0
  12. package/data/model-modifiers/fr.json +36 -0
  13. package/data/model-modifiers/it.json +36 -0
  14. package/data/model-modifiers/ja.json +36 -0
  15. package/data/model-modifiers/ko.json +36 -0
  16. package/data/model-modifiers/pt.json +36 -0
  17. package/data/model-modifiers/ru.json +176 -0
  18. package/data/model-modifiers/zh-cn.json +36 -0
  19. package/data/template/cs.json +1498 -0
  20. package/data/template/en.json +313 -1
  21. package/data/template/fr.json +315 -3
  22. package/data/template/it.json +312 -0
  23. package/data/template/ja.json +313 -1
  24. package/data/template/ko.json +316 -4
  25. package/data/template/pt.json +312 -0
  26. package/data/template/ru.json +1498 -0
  27. package/data/template/zh-cn.json +312 -0
  28. package/index.d.ts +1 -1
  29. package/index.js +3 -3
  30. package/lib/ideFeatures/nameCasing.d.ts +2 -2
  31. package/lib/ideFeatures/nameCasing.js +22 -34
  32. package/lib/plugins/data.js +18 -0
  33. package/lib/plugins/vue-codelens-references.js +1 -1
  34. package/lib/plugins/vue-document-drop.js +1 -1
  35. package/lib/plugins/vue-extract-file.js +2 -2
  36. package/lib/plugins/vue-sfc.d.ts +1 -1
  37. package/lib/plugins/vue-sfc.js +2 -2
  38. package/lib/plugins/vue-template.js +16 -15
  39. package/lib/plugins/vue-toggle-v-bind-codeaction.js +1 -1
  40. package/lib/plugins/vue-twoslash-queries.js +1 -1
  41. package/package.json +17 -17
  42. package/scripts/update-html-data.js +18 -0
@@ -0,0 +1,1034 @@
1
+ {
2
+ "version": 1.1,
3
+ "tags": [
4
+ {
5
+ "name": "template",
6
+ "attributes": [
7
+ {
8
+ "name": "src",
9
+ "description": {
10
+ "kind": "markdown",
11
+ "value": "\nPokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n<template src=\"./template.html\"></template>\n<style src=\"./style.css\"></style>\n<script src=\"./script.js\"></script>\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n<!-- import souboru z nainstalovaného npm balíčku \"todomvc-app-css\" -->\n<style src=\"todomvc-app-css/index.css\" />\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n<unit-test src=\"./unit-test.js\">\n</unit-test>\n```\n"
12
+ },
13
+ "references": [
14
+ {
15
+ "name": "en",
16
+ "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
17
+ },
18
+ {
19
+ "name": "zh-cn",
20
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
21
+ },
22
+ {
23
+ "name": "ja",
24
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
25
+ },
26
+ {
27
+ "name": "ua",
28
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
29
+ },
30
+ {
31
+ "name": "fr",
32
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
33
+ },
34
+ {
35
+ "name": "ko",
36
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
37
+ },
38
+ {
39
+ "name": "pt",
40
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
41
+ },
42
+ {
43
+ "name": "bn",
44
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
45
+ },
46
+ {
47
+ "name": "it",
48
+ "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
49
+ },
50
+ {
51
+ "name": "cs",
52
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
53
+ },
54
+ {
55
+ "name": "ru",
56
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
57
+ },
58
+ {
59
+ "name": "fa",
60
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
61
+ }
62
+ ]
63
+ },
64
+ {
65
+ "name": "lang",
66
+ "description": {
67
+ "kind": "markdown",
68
+ "value": "\nBloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `<script>`:\n\n```html\n<script lang=\"ts\">\n // použití TypeScriptu\n</script>\n```\n\n`lang` lze použít na jakýkoli blok - například můžeme použít `<style>` se [Sass](https://sass-lang.com/) a&nbsp;`<template>` + [Pug](https://pugjs.org/api/getting-started.html):\n\n```html\n<template lang=\"pug\">\np {{ msg }}\n</template>\n\n<style lang=\"scss\">\n $primary-color: #333;\n body {\n color: $primary-color;\n }\n</style>\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
69
+ },
70
+ "values": [
71
+ {
72
+ "name": "html"
73
+ },
74
+ {
75
+ "name": "pug"
76
+ }
77
+ ],
78
+ "references": [
79
+ {
80
+ "name": "en",
81
+ "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
82
+ },
83
+ {
84
+ "name": "zh-cn",
85
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
86
+ },
87
+ {
88
+ "name": "ja",
89
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
90
+ },
91
+ {
92
+ "name": "ua",
93
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
94
+ },
95
+ {
96
+ "name": "fr",
97
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
98
+ },
99
+ {
100
+ "name": "ko",
101
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
102
+ },
103
+ {
104
+ "name": "pt",
105
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
106
+ },
107
+ {
108
+ "name": "bn",
109
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
110
+ },
111
+ {
112
+ "name": "it",
113
+ "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
114
+ },
115
+ {
116
+ "name": "cs",
117
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
118
+ },
119
+ {
120
+ "name": "ru",
121
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
122
+ },
123
+ {
124
+ "name": "fa",
125
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
126
+ }
127
+ ]
128
+ }
129
+ ],
130
+ "description": {
131
+ "kind": "markdown",
132
+ "value": "\n- Každý soubor `*.vue` může obsahovat maximálně jeden blok `<template>` nejvyšší úrovně.\n\n- Obsah bude extrahován a předán do `@vue/compiler-dom`, předkompilován do JavaScriptových funkcí pro vykreslování a připojen k exportované komponentě jako její možnost (option) `render`.\n"
133
+ },
134
+ "references": [
135
+ {
136
+ "name": "en",
137
+ "url": "https://vuejs.org/api/sfc-spec.html#template"
138
+ },
139
+ {
140
+ "name": "zh-cn",
141
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
142
+ },
143
+ {
144
+ "name": "ja",
145
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
146
+ },
147
+ {
148
+ "name": "ua",
149
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
150
+ },
151
+ {
152
+ "name": "fr",
153
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
154
+ },
155
+ {
156
+ "name": "ko",
157
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
158
+ },
159
+ {
160
+ "name": "pt",
161
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
162
+ },
163
+ {
164
+ "name": "bn",
165
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
166
+ },
167
+ {
168
+ "name": "it",
169
+ "url": "https://it.vuejs.org/api/sfc-spec.html#template"
170
+ },
171
+ {
172
+ "name": "cs",
173
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
174
+ },
175
+ {
176
+ "name": "ru",
177
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
178
+ },
179
+ {
180
+ "name": "fa",
181
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
182
+ }
183
+ ]
184
+ },
185
+ {
186
+ "name": "script",
187
+ "attributes": [
188
+ {
189
+ "name": "src",
190
+ "description": {
191
+ "kind": "markdown",
192
+ "value": "\nPokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n<template src=\"./template.html\"></template>\n<style src=\"./style.css\"></style>\n<script src=\"./script.js\"></script>\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n<!-- import souboru z nainstalovaného npm balíčku \"todomvc-app-css\" -->\n<style src=\"todomvc-app-css/index.css\" />\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n<unit-test src=\"./unit-test.js\">\n</unit-test>\n```\n"
193
+ },
194
+ "references": [
195
+ {
196
+ "name": "en",
197
+ "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
198
+ },
199
+ {
200
+ "name": "zh-cn",
201
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
202
+ },
203
+ {
204
+ "name": "ja",
205
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
206
+ },
207
+ {
208
+ "name": "ua",
209
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
210
+ },
211
+ {
212
+ "name": "fr",
213
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
214
+ },
215
+ {
216
+ "name": "ko",
217
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
218
+ },
219
+ {
220
+ "name": "pt",
221
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
222
+ },
223
+ {
224
+ "name": "bn",
225
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
226
+ },
227
+ {
228
+ "name": "it",
229
+ "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
230
+ },
231
+ {
232
+ "name": "cs",
233
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
234
+ },
235
+ {
236
+ "name": "ru",
237
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
238
+ },
239
+ {
240
+ "name": "fa",
241
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
242
+ }
243
+ ]
244
+ },
245
+ {
246
+ "name": "lang",
247
+ "description": {
248
+ "kind": "markdown",
249
+ "value": "\nBloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `<script>`:\n\n```html\n<script lang=\"ts\">\n // použití TypeScriptu\n</script>\n```\n\n`lang` lze použít na jakýkoli blok - například můžeme použít `<style>` se [Sass](https://sass-lang.com/) a&nbsp;`<template>` + [Pug](https://pugjs.org/api/getting-started.html):\n\n```html\n<template lang=\"pug\">\np {{ msg }}\n</template>\n\n<style lang=\"scss\">\n $primary-color: #333;\n body {\n color: $primary-color;\n }\n</style>\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
250
+ },
251
+ "values": [
252
+ {
253
+ "name": "ts"
254
+ },
255
+ {
256
+ "name": "js"
257
+ },
258
+ {
259
+ "name": "tsx"
260
+ },
261
+ {
262
+ "name": "jsx"
263
+ }
264
+ ],
265
+ "references": [
266
+ {
267
+ "name": "en",
268
+ "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
269
+ },
270
+ {
271
+ "name": "zh-cn",
272
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
273
+ },
274
+ {
275
+ "name": "ja",
276
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
277
+ },
278
+ {
279
+ "name": "ua",
280
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
281
+ },
282
+ {
283
+ "name": "fr",
284
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
285
+ },
286
+ {
287
+ "name": "ko",
288
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
289
+ },
290
+ {
291
+ "name": "pt",
292
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
293
+ },
294
+ {
295
+ "name": "bn",
296
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
297
+ },
298
+ {
299
+ "name": "it",
300
+ "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
301
+ },
302
+ {
303
+ "name": "cs",
304
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
305
+ },
306
+ {
307
+ "name": "ru",
308
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
309
+ },
310
+ {
311
+ "name": "fa",
312
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
313
+ }
314
+ ]
315
+ },
316
+ {
317
+ "name": "generic"
318
+ },
319
+ {
320
+ "name": "setup",
321
+ "valueSet": "v",
322
+ "description": {
323
+ "kind": "markdown",
324
+ "value": "\n- Každý soubor `*.vue` může obsahovat maximálně jeden blok `<script setup>` (s&nbsp;výjimkou normálního `<script>`).\n\n- Skript je předzpracován a používán jako `setup()` funkce komponenty, což znamená, že bude spuštěn **pro každou instanci komponenty**. Hlavní (top-level) vazby uvnitř `<script setup>` jsou automaticky vystaveny šabloně. Pro více informací se podívejte na [samostatnou dokumentaci pro `<script setup>`](https://cs.vuejs.org/api/sfc-script-setup.html).\n"
325
+ },
326
+ "references": [
327
+ {
328
+ "name": "en",
329
+ "url": "https://vuejs.org/api/sfc-spec.html#script-setup"
330
+ },
331
+ {
332
+ "name": "zh-cn",
333
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#script-setup"
334
+ },
335
+ {
336
+ "name": "ja",
337
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#script-setup"
338
+ },
339
+ {
340
+ "name": "ua",
341
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#script-setup"
342
+ },
343
+ {
344
+ "name": "fr",
345
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#script-setup"
346
+ },
347
+ {
348
+ "name": "ko",
349
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
350
+ },
351
+ {
352
+ "name": "pt",
353
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
354
+ },
355
+ {
356
+ "name": "bn",
357
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#script-setup"
358
+ },
359
+ {
360
+ "name": "it",
361
+ "url": "https://it.vuejs.org/api/sfc-spec.html#script-setup"
362
+ },
363
+ {
364
+ "name": "cs",
365
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#script-setup"
366
+ },
367
+ {
368
+ "name": "ru",
369
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#script-setup"
370
+ },
371
+ {
372
+ "name": "fa",
373
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#script-setup"
374
+ }
375
+ ]
376
+ }
377
+ ],
378
+ "description": {
379
+ "kind": "markdown",
380
+ "value": "\n- Každý soubor `*.vue` může obsahovat maximálně jeden blok `<script>` (s výjimkou [`<script setup>`](https://cs.vuejs.org/api/sfc-script-setup.html)).\n\n- Skript je spuštěn jako ES modul.\n\n- **Default export** by měl být objekt s možnostmi Vue komponenty, buď jako prostý objekt nebo jako návratová hodnota funkce [defineComponent](https://cs.vuejs.org/api/general.html#definecomponent).\n"
381
+ },
382
+ "references": [
383
+ {
384
+ "name": "en",
385
+ "url": "https://vuejs.org/api/sfc-spec.html#script"
386
+ },
387
+ {
388
+ "name": "zh-cn",
389
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#script"
390
+ },
391
+ {
392
+ "name": "ja",
393
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#script"
394
+ },
395
+ {
396
+ "name": "ua",
397
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#script"
398
+ },
399
+ {
400
+ "name": "fr",
401
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#script"
402
+ },
403
+ {
404
+ "name": "ko",
405
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#script"
406
+ },
407
+ {
408
+ "name": "pt",
409
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#script"
410
+ },
411
+ {
412
+ "name": "bn",
413
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#script"
414
+ },
415
+ {
416
+ "name": "it",
417
+ "url": "https://it.vuejs.org/api/sfc-spec.html#script"
418
+ },
419
+ {
420
+ "name": "cs",
421
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#script"
422
+ },
423
+ {
424
+ "name": "ru",
425
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#script"
426
+ },
427
+ {
428
+ "name": "fa",
429
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#script"
430
+ }
431
+ ]
432
+ },
433
+ {
434
+ "name": "script setup",
435
+ "attributes": [],
436
+ "description": {
437
+ "kind": "markdown",
438
+ "value": "\n- Každý soubor `*.vue` může obsahovat maximálně jeden blok `<script setup>` (s&nbsp;výjimkou normálního `<script>`).\n\n- Skript je předzpracován a používán jako `setup()` funkce komponenty, což znamená, že bude spuštěn **pro každou instanci komponenty**. Hlavní (top-level) vazby uvnitř `<script setup>` jsou automaticky vystaveny šabloně. Pro více informací se podívejte na [samostatnou dokumentaci pro `<script setup>`](https://cs.vuejs.org/api/sfc-script-setup.html).\n"
439
+ },
440
+ "references": [
441
+ {
442
+ "name": "en",
443
+ "url": "https://vuejs.org/api/sfc-spec.html#script-setup"
444
+ },
445
+ {
446
+ "name": "zh-cn",
447
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#script-setup"
448
+ },
449
+ {
450
+ "name": "ja",
451
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#script-setup"
452
+ },
453
+ {
454
+ "name": "ua",
455
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#script-setup"
456
+ },
457
+ {
458
+ "name": "fr",
459
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#script-setup"
460
+ },
461
+ {
462
+ "name": "ko",
463
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#script-setup"
464
+ },
465
+ {
466
+ "name": "pt",
467
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#script-setup"
468
+ },
469
+ {
470
+ "name": "bn",
471
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#script-setup"
472
+ },
473
+ {
474
+ "name": "it",
475
+ "url": "https://it.vuejs.org/api/sfc-spec.html#script-setup"
476
+ },
477
+ {
478
+ "name": "cs",
479
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#script-setup"
480
+ },
481
+ {
482
+ "name": "ru",
483
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#script-setup"
484
+ },
485
+ {
486
+ "name": "fa",
487
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#script-setup"
488
+ }
489
+ ]
490
+ },
491
+ {
492
+ "name": "style",
493
+ "attributes": [
494
+ {
495
+ "name": "src",
496
+ "description": {
497
+ "kind": "markdown",
498
+ "value": "\nPokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n<template src=\"./template.html\"></template>\n<style src=\"./style.css\"></style>\n<script src=\"./script.js\"></script>\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n<!-- import souboru z nainstalovaného npm balíčku \"todomvc-app-css\" -->\n<style src=\"todomvc-app-css/index.css\" />\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n<unit-test src=\"./unit-test.js\">\n</unit-test>\n```\n"
499
+ },
500
+ "references": [
501
+ {
502
+ "name": "en",
503
+ "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
504
+ },
505
+ {
506
+ "name": "zh-cn",
507
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
508
+ },
509
+ {
510
+ "name": "ja",
511
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
512
+ },
513
+ {
514
+ "name": "ua",
515
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
516
+ },
517
+ {
518
+ "name": "fr",
519
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
520
+ },
521
+ {
522
+ "name": "ko",
523
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
524
+ },
525
+ {
526
+ "name": "pt",
527
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
528
+ },
529
+ {
530
+ "name": "bn",
531
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
532
+ },
533
+ {
534
+ "name": "it",
535
+ "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
536
+ },
537
+ {
538
+ "name": "cs",
539
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
540
+ },
541
+ {
542
+ "name": "ru",
543
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
544
+ },
545
+ {
546
+ "name": "fa",
547
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
548
+ }
549
+ ]
550
+ },
551
+ {
552
+ "name": "lang",
553
+ "description": {
554
+ "kind": "markdown",
555
+ "value": "\nBloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `<script>`:\n\n```html\n<script lang=\"ts\">\n // použití TypeScriptu\n</script>\n```\n\n`lang` lze použít na jakýkoli blok - například můžeme použít `<style>` se [Sass](https://sass-lang.com/) a&nbsp;`<template>` + [Pug](https://pugjs.org/api/getting-started.html):\n\n```html\n<template lang=\"pug\">\np {{ msg }}\n</template>\n\n<style lang=\"scss\">\n $primary-color: #333;\n body {\n color: $primary-color;\n }\n</style>\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
556
+ },
557
+ "values": [
558
+ {
559
+ "name": "css"
560
+ },
561
+ {
562
+ "name": "scss"
563
+ },
564
+ {
565
+ "name": "less"
566
+ },
567
+ {
568
+ "name": "stylus"
569
+ },
570
+ {
571
+ "name": "postcss"
572
+ },
573
+ {
574
+ "name": "sass"
575
+ }
576
+ ],
577
+ "references": [
578
+ {
579
+ "name": "en",
580
+ "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
581
+ },
582
+ {
583
+ "name": "zh-cn",
584
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
585
+ },
586
+ {
587
+ "name": "ja",
588
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
589
+ },
590
+ {
591
+ "name": "ua",
592
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
593
+ },
594
+ {
595
+ "name": "fr",
596
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
597
+ },
598
+ {
599
+ "name": "ko",
600
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
601
+ },
602
+ {
603
+ "name": "pt",
604
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
605
+ },
606
+ {
607
+ "name": "bn",
608
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
609
+ },
610
+ {
611
+ "name": "it",
612
+ "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
613
+ },
614
+ {
615
+ "name": "cs",
616
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
617
+ },
618
+ {
619
+ "name": "ru",
620
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
621
+ },
622
+ {
623
+ "name": "fa",
624
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
625
+ }
626
+ ]
627
+ },
628
+ {
629
+ "name": "scoped",
630
+ "valueSet": "v",
631
+ "description": {
632
+ "kind": "markdown",
633
+ "value": "\nKdyž má sekce `<style>` atribut `scoped`, její CSS se aplikuje pouze na prvky aktuální komponenty. To je podobné zapouzdření stylů v Shadow DOM. S tím jsou spojena některá omezení, ale nejsou vyžadovány žádné polyfills. Toho se dosáhne pomocí PostCSS transformace následujícího kódu:\n\n```vue\n<style scoped>\n.example {\n color: red;\n}\n</style>\n\n<template>\n <div class=\"example\">ahoj</div>\n</template>\n```\n\nNa toto:\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>ahoj</div>\n</template>\n```\n\n### Root elementy komponent potomka\n\nSe `scoped` atributem nebudou styly komponenty rodiče prosakovat do komponent potomků. Nicméně root element komponenty potomka bude ovlivněn jak rodičovským `scoped` CSS, tak vlastním `scoped` CSS. Toto je záměr, aby rodič mohl stylovat root element svého potomka pro účely rozvržení (layout).\n\n### Deep selektory \n\nPokud chcete, aby selektor ve `scoped` stylech byl „hluboký“ a ovlivňoval i komponenty potomků, můžete použít pseudotřídu `:deep()`:\n\n```vue\n<style scoped>\n.a :deep(.b) {\n /* ... */\n}\n</style>\n```\n\nVýše uvedený kód se zkompiluje na:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nObsah DOM vytvořený pomocí `v-html` není ovlivněn `scoped` styly, ale pomocí deep selektorů jej stále lze stylovat.\n:::\n\n### Selektory pro sloty \n\nVe výchozím nastavení `scoped` styly neovlivňují obsah vykreslený pomocí `<slot/>`, protože ty jsou považovány za vlastnictví komponenty rodiče, která je předává. Pro explicitní cílení na obsah slotu použijte pseudotřídu `:slotted`:\n\n```vue\n<style scoped>\n:slotted(div) {\n color: red;\n}\n</style>\n```\n\n### Globální selektory \n\nPokud chcete, aby se pravidlo aplikovalo globálně, můžete místo vytváření dalšího `<style>` použít pseudotřídu `:global` (viz níže):\n\n```vue\n<style scoped>\n:global(.red) {\n color: red;\n}\n</style>\n```\n\n### Kombinace lokálních a globálních stylů \n\nMůžete také do stejné komponenty zahrnout jak lokální, tak globální styly:\n\n```vue\n<style>\n/* globální styly */\n</style>\n\n<style scoped>\n/* lokální styly */\n</style>\n```\n\n### Tipy pro lokální styly \n\n- **Lokální styly neodstraňují potřebu tříd**. Kvůli způsobu, jakým prohlížeče vyhodnocují různé CSS selektory, bude `p { color: red }` mnohem pomalejší, když je použit s&nbsp;atributovým selektorem. Pokud místo toho použijete třídy nebo id, například `.example { color: red }`, prakticky tím tento problém výkonosti eliminujete.\n\n- **Buďte opatrní s selektory potomků v rekurzivních komponentách!** Pro CSS pravidlo se selektorem `.a .b`, pokud prvek odpovídající `.a` obsahuje rekurzivní komponentu potomka, pak všechny `.b` v této komponentě potomka budou pravidlu odpovídat.\n"
634
+ },
635
+ "references": [
636
+ {
637
+ "name": "en",
638
+ "url": "https://vuejs.org/api/sfc-css-features.html#scoped-css"
639
+ },
640
+ {
641
+ "name": "zh-cn",
642
+ "url": "https://cn.vuejs.org/api/sfc-css-features.html#scoped-css"
643
+ },
644
+ {
645
+ "name": "ja",
646
+ "url": "https://ja.vuejs.org/api/sfc-css-features.html#scoped-css"
647
+ },
648
+ {
649
+ "name": "ua",
650
+ "url": "https://ua.vuejs.org/api/sfc-css-features.html#scoped-css"
651
+ },
652
+ {
653
+ "name": "fr",
654
+ "url": "https://fr.vuejs.org/api/sfc-css-features.html#scoped-css"
655
+ },
656
+ {
657
+ "name": "ko",
658
+ "url": "https://ko.vuejs.org/api/sfc-css-features.html#scoped-css"
659
+ },
660
+ {
661
+ "name": "pt",
662
+ "url": "https://pt.vuejs.org/api/sfc-css-features.html#scoped-css"
663
+ },
664
+ {
665
+ "name": "bn",
666
+ "url": "https://bn.vuejs.org/api/sfc-css-features.html#scoped-css"
667
+ },
668
+ {
669
+ "name": "it",
670
+ "url": "https://it.vuejs.org/api/sfc-css-features.html#scoped-css"
671
+ },
672
+ {
673
+ "name": "cs",
674
+ "url": "https://cs.vuejs.org/api/sfc-css-features.html#scoped-css"
675
+ },
676
+ {
677
+ "name": "ru",
678
+ "url": "https://ru.vuejs.org/api/sfc-css-features.html#scoped-css"
679
+ },
680
+ {
681
+ "name": "fa",
682
+ "url": "https://fa.vuejs.org/api/sfc-css-features.html#scoped-css"
683
+ }
684
+ ]
685
+ },
686
+ {
687
+ "name": "module",
688
+ "valueSet": "v",
689
+ "description": {
690
+ "kind": "markdown",
691
+ "value": "\nTag `<style module>` je kompilován jako [CSS moduly](https://github.com/css-modules/css-modules) a vystavuje výsledné CSS třídy komponenty jako objekt pod klíčem `$style`:\n\n```vue\n<template>\n <p :class=\"$style.red\">Toto by mělo být červené</p>\n</template>\n\n<style module>\n.red {\n color: red;\n}\n</style>\n```\n\nVýsledné třídy jsou hashovány, aby se předešlo kolizím, čímž se dosáhne stejného efektu omezování platnosti CSS pouze na aktuální komponentu.\n\nPro více podrobností, jako jsou [globální výjimky](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#exceptions) a [kompozice](https://github.com/css-modules/css-modules/blob/master/docs/composition.md#composition), se podívejte na [specifikaci CSS modulů](https://github.com/css-modules/css-modules).\n\n### Vlastní název implementovaných tříd \n\nMůžete přizpůsobit klíč vlastnosti implementovaného objektu tříd tím, že atributu `module` přiřadíte hodnotu:\n\n```vue\n<template>\n <p :class=\"classes.red\">červená</p>\n</template>\n\n<style module=\"classes\">\n.red {\n color: red;\n}\n</style>\n```\n\n### Použití s Composition API \n\nNa implementované třídy lze přistupovat v `setup()` a `<script setup>` pomocí API `useCssModule`. Pro bloky `<style module>` s vlastními implementovanými názvy přijímá `useCssModule` odpovídající hodnotu atributu `module` jako první argument:\n\n```js\nimport { useCssModule } from 'vue'\n\n// uvnitř scope setup()...\n// výchozí, vrací třídy pro <style module>\nuseCssModule()\n\n// pojmenovaný, vrací třídy pro <style module=\"classes\">\nuseCssModule('classes')\n```\n"
692
+ },
693
+ "references": [
694
+ {
695
+ "name": "en",
696
+ "url": "https://vuejs.org/api/sfc-css-features.html#css-modules"
697
+ },
698
+ {
699
+ "name": "zh-cn",
700
+ "url": "https://cn.vuejs.org/api/sfc-css-features.html#css-modules"
701
+ },
702
+ {
703
+ "name": "ja",
704
+ "url": "https://ja.vuejs.org/api/sfc-css-features.html#css-modules"
705
+ },
706
+ {
707
+ "name": "ua",
708
+ "url": "https://ua.vuejs.org/api/sfc-css-features.html#css-modules"
709
+ },
710
+ {
711
+ "name": "fr",
712
+ "url": "https://fr.vuejs.org/api/sfc-css-features.html#css-modules"
713
+ },
714
+ {
715
+ "name": "ko",
716
+ "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
717
+ },
718
+ {
719
+ "name": "pt",
720
+ "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
721
+ },
722
+ {
723
+ "name": "bn",
724
+ "url": "https://bn.vuejs.org/api/sfc-css-features.html#css-modules"
725
+ },
726
+ {
727
+ "name": "it",
728
+ "url": "https://it.vuejs.org/api/sfc-css-features.html#css-modules"
729
+ },
730
+ {
731
+ "name": "cs",
732
+ "url": "https://cs.vuejs.org/api/sfc-css-features.html#css-modules"
733
+ },
734
+ {
735
+ "name": "ru",
736
+ "url": "https://ru.vuejs.org/api/sfc-css-features.html#css-modules"
737
+ },
738
+ {
739
+ "name": "fa",
740
+ "url": "https://fa.vuejs.org/api/sfc-css-features.html#css-modules"
741
+ }
742
+ ]
743
+ }
744
+ ],
745
+ "description": {
746
+ "kind": "markdown",
747
+ "value": "\n- Každý soubor `*.vue` může obsahovat více bloků `<style>`.\n\n- Element `<style>` může mít atributy `scoped` nebo `module` (podrobnosti naleznete na stránce [CSS funkce pro SFC](https://cs.vuejs.org/api/sfc-css-features.html)), které pomáhají zapouzdřit styly do aktuální komponenty. V jedné komponentě mohou být smíchány různé značky `<style>` s&nbsp;různými režimy zapouzdření.\n"
748
+ },
749
+ "references": [
750
+ {
751
+ "name": "en",
752
+ "url": "https://vuejs.org/api/sfc-spec.html#style"
753
+ },
754
+ {
755
+ "name": "zh-cn",
756
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#style"
757
+ },
758
+ {
759
+ "name": "ja",
760
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#style"
761
+ },
762
+ {
763
+ "name": "ua",
764
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#style"
765
+ },
766
+ {
767
+ "name": "fr",
768
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#style"
769
+ },
770
+ {
771
+ "name": "ko",
772
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#style"
773
+ },
774
+ {
775
+ "name": "pt",
776
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#style"
777
+ },
778
+ {
779
+ "name": "bn",
780
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#style"
781
+ },
782
+ {
783
+ "name": "it",
784
+ "url": "https://it.vuejs.org/api/sfc-spec.html#style"
785
+ },
786
+ {
787
+ "name": "cs",
788
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#style"
789
+ },
790
+ {
791
+ "name": "ru",
792
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#style"
793
+ },
794
+ {
795
+ "name": "fa",
796
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#style"
797
+ }
798
+ ]
799
+ },
800
+ {
801
+ "name": "Vlastní bloky",
802
+ "attributes": [
803
+ {
804
+ "name": "src",
805
+ "description": {
806
+ "kind": "markdown",
807
+ "value": "\nPokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n<template src=\"./template.html\"></template>\n<style src=\"./style.css\"></style>\n<script src=\"./script.js\"></script>\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n<!-- import souboru z nainstalovaného npm balíčku \"todomvc-app-css\" -->\n<style src=\"todomvc-app-css/index.css\" />\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n<unit-test src=\"./unit-test.js\">\n</unit-test>\n```\n"
808
+ },
809
+ "references": [
810
+ {
811
+ "name": "en",
812
+ "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
813
+ },
814
+ {
815
+ "name": "zh-cn",
816
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
817
+ },
818
+ {
819
+ "name": "ja",
820
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
821
+ },
822
+ {
823
+ "name": "ua",
824
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
825
+ },
826
+ {
827
+ "name": "fr",
828
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
829
+ },
830
+ {
831
+ "name": "ko",
832
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
833
+ },
834
+ {
835
+ "name": "pt",
836
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
837
+ },
838
+ {
839
+ "name": "bn",
840
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
841
+ },
842
+ {
843
+ "name": "it",
844
+ "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
845
+ },
846
+ {
847
+ "name": "cs",
848
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
849
+ },
850
+ {
851
+ "name": "ru",
852
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
853
+ },
854
+ {
855
+ "name": "fa",
856
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
857
+ }
858
+ ]
859
+ }
860
+ ],
861
+ "description": {
862
+ "kind": "markdown",
863
+ "value": "\nDo souboru `*.vue` můžete navíc přidat další vlastní bloky pro potřeby konkrétního projektu, například blok `<docs>`. Některé příklady vlastních bloků z reálného světa zahrnují:\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/vite-plugin-vue-i18n#i18n-custom-block)\n\nZpracování vlastních bloků závisí na nástrojích - pokud chcete vytvořit vlastní integrace, podívejte se pro další informace na sekci [Nástroje pro integraci vlastních SFC bloků](https://cs.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations).\n"
864
+ },
865
+ "references": [
866
+ {
867
+ "name": "en",
868
+ "url": "https://vuejs.org/api/sfc-spec.html#vlastní-bloky"
869
+ },
870
+ {
871
+ "name": "zh-cn",
872
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#vlastní-bloky"
873
+ },
874
+ {
875
+ "name": "ja",
876
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#vlastní-bloky"
877
+ },
878
+ {
879
+ "name": "ua",
880
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#vlastní-bloky"
881
+ },
882
+ {
883
+ "name": "fr",
884
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#vlastní-bloky"
885
+ },
886
+ {
887
+ "name": "ko",
888
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#vlastní-bloky"
889
+ },
890
+ {
891
+ "name": "pt",
892
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#vlastní-bloky"
893
+ },
894
+ {
895
+ "name": "bn",
896
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#vlastní-bloky"
897
+ },
898
+ {
899
+ "name": "it",
900
+ "url": "https://it.vuejs.org/api/sfc-spec.html#vlastní-bloky"
901
+ },
902
+ {
903
+ "name": "cs",
904
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#vlastní-bloky"
905
+ },
906
+ {
907
+ "name": "ru",
908
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#vlastní-bloky"
909
+ },
910
+ {
911
+ "name": "fa",
912
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#vlastní-bloky"
913
+ }
914
+ ]
915
+ }
916
+ ],
917
+ "globalAttributes": [
918
+ {
919
+ "name": "lang",
920
+ "description": {
921
+ "kind": "markdown",
922
+ "value": "\nBloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `<script>`:\n\n```html\n<script lang=\"ts\">\n // použití TypeScriptu\n</script>\n```\n\n`lang` lze použít na jakýkoli blok - například můžeme použít `<style>` se [Sass](https://sass-lang.com/) a&nbsp;`<template>` + [Pug](https://pugjs.org/api/getting-started.html):\n\n```html\n<template lang=\"pug\">\np {{ msg }}\n</template>\n\n<style lang=\"scss\">\n $primary-color: #333;\n body {\n color: $primary-color;\n }\n</style>\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
923
+ },
924
+ "values": [],
925
+ "references": [
926
+ {
927
+ "name": "en",
928
+ "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
929
+ },
930
+ {
931
+ "name": "zh-cn",
932
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
933
+ },
934
+ {
935
+ "name": "ja",
936
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
937
+ },
938
+ {
939
+ "name": "ua",
940
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
941
+ },
942
+ {
943
+ "name": "fr",
944
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
945
+ },
946
+ {
947
+ "name": "ko",
948
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
949
+ },
950
+ {
951
+ "name": "pt",
952
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
953
+ },
954
+ {
955
+ "name": "bn",
956
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
957
+ },
958
+ {
959
+ "name": "it",
960
+ "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
961
+ },
962
+ {
963
+ "name": "cs",
964
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
965
+ },
966
+ {
967
+ "name": "ru",
968
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
969
+ },
970
+ {
971
+ "name": "fa",
972
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
973
+ }
974
+ ]
975
+ },
976
+ {
977
+ "name": "src",
978
+ "description": {
979
+ "kind": "markdown",
980
+ "value": "\nPokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n<template src=\"./template.html\"></template>\n<style src=\"./style.css\"></style>\n<script src=\"./script.js\"></script>\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n<!-- import souboru z nainstalovaného npm balíčku \"todomvc-app-css\" -->\n<style src=\"todomvc-app-css/index.css\" />\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n<unit-test src=\"./unit-test.js\">\n</unit-test>\n```\n"
981
+ },
982
+ "references": [
983
+ {
984
+ "name": "en",
985
+ "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
986
+ },
987
+ {
988
+ "name": "zh-cn",
989
+ "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
990
+ },
991
+ {
992
+ "name": "ja",
993
+ "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
994
+ },
995
+ {
996
+ "name": "ua",
997
+ "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
998
+ },
999
+ {
1000
+ "name": "fr",
1001
+ "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
1002
+ },
1003
+ {
1004
+ "name": "ko",
1005
+ "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
1006
+ },
1007
+ {
1008
+ "name": "pt",
1009
+ "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
1010
+ },
1011
+ {
1012
+ "name": "bn",
1013
+ "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
1014
+ },
1015
+ {
1016
+ "name": "it",
1017
+ "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
1018
+ },
1019
+ {
1020
+ "name": "cs",
1021
+ "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
1022
+ },
1023
+ {
1024
+ "name": "ru",
1025
+ "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
1026
+ },
1027
+ {
1028
+ "name": "fa",
1029
+ "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
1030
+ }
1031
+ ]
1032
+ }
1033
+ ]
1034
+ }