> ## Content Index
> Fetch the complete content index at: https://debug.my.id/llms.txt
> Use this file to discover other available public pages before exploring further.

# Vuetify 2 resmi dirilis, berikut ini fitur-fitur baru dan breaking changes yang perlu diantisipasi
- URL: https://debug.my.id/vuetify-2-telah-rilis/
- Published: 2019-07-24T08:45:00.000Z
- Updated: 2025-06-24T23:10:44.000Z
- Author: Tukang Debug
- Tags: Berita, Vue.js

Setelah beberapa bulan melewati fase alfa dan beta, kini [**Vuetify 2**](https://debug.my.id/2019/07/vuetify-2-telah-rilis.html) versi final secara resmi telah dirilis. Menggunakan code-name [**Arcadia**](https://debug.my.id/2019/07/vuetify-2-telah-rilis.html), Vuetify 2 menawarkan banyak perbaikan dan tentunya hal-hal baru dari versi sebelumnya, mulai dari perubahan *core*, grid, implementasi **Material Design 2** dan komponen-komponen baru lainnya. 

## Perubahan utama

Berikut ini adalah beberapa perubahan besar Vuetify 2:

- *check* Complete update to Material Design 2
- *check* Converted from Javascript to Typescript
- *check* Converted from Stylus to Sass
- *check* Converted from avoriaz to vue-test-utils

## Komponen baru

Selain komponen-komponen lama yang diperbarui, Vuetify 2 dilengkapi dengan komponen-komponen baru sebagai berikut :

### **v-app-bar**

![](https://debug.my.id/content/images/2025/06/image-79.png)

### **v-bannerv-chip-group**

![](https://debug.my.id/content/images/2025/06/image-80.png)

### **v-color-**picker

### 

![](https://debug.my.id/content/images/2025/06/image-81.png)

### **v-file-**input

Akhirnya komponen yang paling dinanti !!!

![](https://debug.my.id/content/images/2025/06/image-82.png)

### v-list-item-group

### v-overlay[](https://user-images.githubusercontent.com/9064066/61737979-eefb1f00-ad4e-11e9-9264-e7d30ea0eca1.gif?ref=debug.my.id)v-simple-table

### v-slide-group

![](https://debug.my.id/content/images/2025/06/image-84.png)

## Panduan Upgrade

Vuetify 2 ini boleh dibilang tidak kompatible dengan versi 1, oleh karena itu tentu ada banyak *breaking change* yang harus diperhatikan. Beruntung pihak Vuetify sudah menyediakan panduan lengkap untuk anda yang ingin meng-upgradeVuetify dari versi 1 ke versi 2\. Panduan tersebut dapat anda akses dari link berikut ini : [https://github.com/vuetifyjs/vuetify/releases?#user-content-upgrade-guide](https://github.com/vuetifyjs/vuetify/releases??ref=debug.my.id#user-content-upgrade-guide)

## Nasib Vuetify 1

Setelah Vuetify versi 2 rilis, lalu bagaimana nasib dari Vuetify 1 ? Jangan kuatir, karena Vuetify 1 masih akan terus diupdate sampai dengan Juli 2020, dengan beberapa catatan :

- *check* tidak akan ada fitur baru
- *check* hanya akan ada perbaikan bug dan security

**Jadi, anda masih punya waktu sangat panjang untuk mempelajari dan menjadwalkan upgrade, itupun jika diperlukan.**

## Catatan pribadi

Penulis pribadi sangat antusias dengan dirilisnya versi 2 ini, dan tidak sabar untuk segera melakukan upgrade di semua project. Akan tetapi, apakah harus semua project ? Jawabannya ya dan tidak, tergantung kebutuhan anda sendiri. Saya pribadi cenderung untuk tidak meng-upgrade project-project yang sudah lama, dikarenakan it's just work, jadi tidak perlu diutak-utik lagi. Sedangkan project-project yang masih baru atau ongoing atau next project, maka saya akan dan juga menyarankan anda untuk melakukan upgrade.

Sekian info kali ini. Semoga yang sedikit ini bermanfaat.

Sumber:  
[https://vuetifyjs.com](https://vuetifyjs.com/?ref=debug.my.id)  
[https://github.com/vuetifyjs/vuetify/releases](https://github.com/vuetifyjs/vuetify/releases?ref=debug.my.id)