[feat] Translation of docs>guide>essentials #153
Draft
+434
−429
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
MateuszMichalowski
requested changes
Feb 24, 2025
|
|
||
| An application instance won't render anything until its `.mount()` method is called. It expects a "container" argument, which can either be an actual DOM element or a selector string: | ||
| Instancja aplikacji nie wyrenderuje niczego, dopóki nie zostanie wywołana jej metoda `.mount()`. Oczekuje ona argumentu „kontener”, którym może być rzeczywisty element DOM lub selektor: |
There was a problem hiding this comment.
I think that "container" in this sentence should not be translated since it's actual name of a argument. WDYT?
|
|
||
| ```html | ||
| <div id="app"> | ||
| <button @click="count++">{{ count }}</button> | ||
| <button @click="licznik++">{{ licznik }}</button> |
There was a problem hiding this comment.
As it's a part of a code "count" should not be changed. We should keep variable names and function names in examples intact. Same approach we can observe for other translations.
|
|
||
| ```js | ||
| const app1 = createApp({ | ||
| /* ... */ | ||
| }) | ||
| app1.mount('#container-1') | ||
| app1.mount('#kontener-1') |
There was a problem hiding this comment.
Same thing as above, we should keep initial naming intact.
|
|
||
| const app2 = createApp({ | ||
| /* ... */ | ||
| }) | ||
| app2.mount('#container-2') | ||
| app2.mount('#kontener-2') |
There was a problem hiding this comment.
Same thing as above, we should keep initial naming intact.
| ``` | ||
|
|
||
| If you are using Vue to enhance server-rendered HTML and only need Vue to control specific parts of a large page, avoid mounting a single Vue application instance on the entire page. Instead, create multiple small application instances and mount them on the elements they are responsible for. | ||
| Jeśli używasz Vue do wzbogacenia renderowanego po stronie serwera HTML i chcesz, aby Vue kontrolowało tylko określone części dużej strony, unikaj montowania jednej instancji Vue na całej stronie. Zamiast tego utwórz wiele małych instancji aplikacji i zamontuj je na elementach, za które są odpowiedzialne. |
There was a problem hiding this comment.
Suggested change
| Jeśli używasz Vue do wzbogacenia renderowanego po stronie serwera HTML i chcesz, aby Vue kontrolowało tylko określone części dużej strony, unikaj montowania jednej instancji Vue na całej stronie. Zamiast tego utwórz wiele małych instancji aplikacji i zamontuj je na elementach, za które są odpowiedzialne. | |
| Jeśli używasz Vue do wzbogacenia HTML renderowanego po stronie serwera i potrzebujesz Vue tylko do kontrolowania określonych części dużej strony, unikaj montowania jednej instancji Vue na całej stronie. Zamiast tego utwórz wiele małych instancji aplikacji i zamontuj je na elementach, za które są odpowiedzialne. |
This translation might be a bit clearer WDYT?
|
|
||
| Vue uses an HTML-based template syntax that allows you to declaratively bind the rendered DOM to the underlying component instance's data. All Vue templates are syntactically valid HTML that can be parsed by spec-compliant browsers and HTML parsers. | ||
| Vue używa składni szablonów opartej na HTML, która pozwala deklaratywnie powiązać renderowany DOM z danymi w instancji komponentu. Wszystkie szablony Vue są składniowo poprawnym HTML, który może być parsowany przez zgodne z przepisami przeglądarki i analizatory HTML. |
There was a problem hiding this comment.
Suggested change
| Vue używa składni szablonów opartej na HTML, która pozwala deklaratywnie powiązać renderowany DOM z danymi w instancji komponentu. Wszystkie szablony Vue są składniowo poprawnym HTML, który może być parsowany przez zgodne z przepisami przeglądarki i analizatory HTML. | |
| Vue wykorzystuje składnię szablonów opartą na HTML, która pozwala deklaratywnie powiązać renderowany DOM z danymi bazowej instancji komponentu. Wszystkie szablony Vue są składniowo poprawnym kodem HTML, który może być analizowany przez przeglądarki i parsery HTML zgodne ze specyfikacją. |
WDYT?
|
|
||
| ## Raw HTML {#raw-html} | ||
| ## Surowy HTML {#raw-html} | ||
|
|
||
| The double mustaches interpret the data as plain text, not HTML. In order to output real HTML, you will need to use the [`v-html` directive](/api/built-in-directives#v-html): |
There was a problem hiding this comment.
This line should be deleted since it's translated right?
Comment on lines
+42
to
+43
| :::warning Ostrzeżenie dotyczące bezpieczeństwa | ||
| Dynamiczne renderowanie dowolnego HTML-a może prowadzić do [luk XSS](https://en.wikipedia.org/wiki/Cross-site_scripting). Używaj `v-html` tylko z zaufaną zawartością i **nigdy** z danymi dostarczonymi przez użytkownika. ::: |
There was a problem hiding this comment.
Suggested change
| :::warning Ostrzeżenie dotyczące bezpieczeństwa | |
| Dynamiczne renderowanie dowolnego HTML-a może prowadzić do [luk XSS](https://en.wikipedia.org/wiki/Cross-site_scripting). Używaj `v-html` tylko z zaufaną zawartością i **nigdy** z danymi dostarczonymi przez użytkownika. ::: | |
| :::warning Ostrzeżenie dotyczące bezpieczeństwa | |
| Dynamiczne renderowanie dowolnego HTML-a może prowadzić do [luk XSS](https://en.wikipedia.org/wiki/Cross-site_scripting). Używaj `v-html` tylko z zaufaną zawartością i **nigdy** z danymi dostarczonymi przez użytkownika. | |
| ::: |
Should be the same as it is in original
| <div :id></div> | ||
|
|
||
| <!-- this also works --> | ||
| <!-- to również działą --> |
There was a problem hiding this comment.
Suggested change
| <!-- to również działą --> | |
| <!-- to również działa --> |
| {{ var a = 1 }} | ||
|
|
||
| <!-- flow control won't work either, use ternary expressions --> | ||
| <!-- kontrola przepływu również nie będzie działać, użyj wyrażeń ternary --> |
There was a problem hiding this comment.
Suggested change
| <!-- kontrola przepływu również nie będzie działać, użyj wyrażeń ternary --> | |
| <!-- sterowanie przepływem nie zadziała, użyj wyrażeń warunkowych (trójargumentowych) --> |
WDYT?
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description of Problem
Proposed Solution
Additional Information