Skip to content

Commit 39428c9

Browse files
authored
Merge pull request #251 from Elmerf/id-migration-guide-part-1
docs(id): Penerjemahan pada berkas guide/migration - Part 1
2 parents 412a562 + a863880 commit 39428c9

File tree

4 files changed

+198
-236
lines changed

4 files changed

+198
-236
lines changed

src/guide/migration/inline-template-attribute.md

+17-17
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@ badges:
33
- breaking
44
---
55

6-
# Inline Template Attribute <MigrationBadges :badges="$frontmatter.badges" />
6+
# Atribut Templat Inline <MigrationBadges :badges="$frontmatter.badges" />
77

8-
## Overview
8+
## Gambaran Umum
99

10-
Support for the [inline-template feature](https://vuejs.org/v2/guide/components-edge-cases.html#Inline-Templates) has been removed.
10+
Dukungan untuk [fitur inline-template](https://vuejs.org/v2/guide/components-edge-cases.html#Inline-Templates) telah dihapuskan.
1111

12-
## 2.x Syntax
12+
## 2.x Sintaksis
1313

14-
In 2.x, Vue provided the `inline-template` attribute on child components to use its inner content as its template instead of treating it as distributed content.
14+
Di 2.x, Vue menyediakan atribut `inline-template` pada komponen anak/turunan. Komponen turunan ini menggunakan konten didalamnya sebagai templat komponen daripada memperlakukannya sebagai konten terdistribusi.
1515

1616
```html
1717
<my-component inline-template>
@@ -22,27 +22,27 @@ In 2.x, Vue provided the `inline-template` attribute on child components to use
2222
</my-component>
2323
```
2424

25-
## 3.x Syntax
25+
## 3.x Sintaksis
2626

27-
This feature will no longer be supported.
27+
Fitur ini tidak lagi didukung
2828

29-
## Migration Strategy
29+
## Strategi dalam Migrasi
3030

31-
Most of the use cases for `inline-template` assumes a no-build-tool setup, where all templates are written directly inside the HTML page.
31+
Banyak penggunaan `inline-template` diasumsikan menggunakan sebuah no-build-tool, dimana semua templat ditulis langsung ke dalam halaman HTML.
3232

3333
[Migration build flag: `COMPILER_INLINE_TEMPLATE`](migration-build.html#compat-configuration)
3434

35-
### Option #1: Use `<script>` tag
35+
### Pilihan #1: menggunakan tag `<script>`
3636

37-
The most straightforward workaround in such cases is using `<script>` with an alternative type:
37+
Cara paling mudah adalah dalam kasus ini adalah menggunakan `<script>` dengan tipe alternatif:
3838

3939
```html
4040
<script type="text/html" id="my-comp-template">
4141
<div>{{ hello }}</div>
4242
</script>
4343
```
4444

45-
And in the component, target the template using a selector:
45+
Dan dalam komponen, target templat tersebut menggunakan sebuah selector:
4646

4747
```js
4848
const MyComp = {
@@ -51,11 +51,11 @@ const MyComp = {
5151
}
5252
```
5353

54-
This doesn't require any build setup, works in all browsers, is not subject to any in-DOM HTML parsing caveats (e.g. you can use camelCase prop names), and provides proper syntax highlighting in most IDEs. In traditional server-side frameworks, these templates can be split out into server template partials (included into the main HTML template) for better maintainability.
54+
Opsi ini tidak memerlukan suatu build setup, bekerja di semua peramban, bukan subjek dari suatu in-DOM HTML parsing caveats (contoh Anda dapat menggunakan camelCase pada penamaan prop), dan memberikan sorotan sintaksis yang benar pada kebanyakan IDEs. Pada kerangka kerja sisi-peladen tradisional, template ini dapat dipisah menjadi partisi templat peladen (termasuk templat HTML utama) agar mempermudah dalam pemeliharaan.
5555

56-
### Option #2: Default Slot
56+
### Pilihan #2: Default Slot
5757

58-
A component previously using `inline-template` can also be refactored using the default slot - which makes the data scoping more explicit while preserving the convenience of writing child content inline:
58+
Komponen yang sebelumnya menggunakan `inline-template` juga dapat direfaktor menggunakan default slot - Yang mana membuat jangkauan data menjadi lebih jelas sementara menjaga kemudahanan dalam menulis konten anak secara inline:
5959

6060
```html
6161
<!-- 2.x Syntax -->
@@ -69,7 +69,7 @@ A component previously using `inline-template` can also be refactored using the
6969
</my-comp>
7070
```
7171

72-
The child, instead of providing no template, should now render the default slot\*:
72+
Anak tersebut, daripada menyediakan templat kosong, sekarang seharusnya menampilkan default slot\*:
7373

7474
```html
7575
<!--
@@ -81,4 +81,4 @@ The child, instead of providing no template, should now render the default slot\
8181
</template>
8282
```
8383

84-
> - Note: In 3.x, slots can be rendered as the root with native [fragments](/guide/migration/fragments) support!
84+
> - Catatan: di 3.x, slots juga dapat ditampilkan sebagai root bersamaan dengan dukungan native [fragments](/guide/migration/fragments)!

0 commit comments

Comments
 (0)