0.5.0

packages/vue/CHANGELOG.md

@@ -1,6 +1,81 @@
 # Ionic Vue
 
-# 0.4.0
+## 0.5.0
+
+### Bug Fixes
+
+* **vue:** correctly render child pages in tabs ([#22141](https://github.com/ionic-team/ionic/issues/22141)) ([7e449a1](https://github.com/ionic-team/ionic/commit/7e449a1ca62956d36b92c32289e5db7a3acb6718))
+* **vue:** overlays function properly when used via controller or template ([#22155](https://github.com/ionic-team/ionic/issues/22155)) ([fe5fadf](https://github.com/ionic-team/ionic/commit/fe5fadf19cd63087311959c549e7e7c55261b459)), closes [#22090](https://github.com/ionic-team/ionic/issues/22090)
+* **vue:** pushing a non-tabs page inside of tabs no longer renders it inside of the tabs outlet ([#22112](https://github.com/ionic-team/ionic/issues/22112)) ([6ac6810](https://github.com/ionic-team/ionic/commit/6ac6810148182a829348e8cac2e3b722448dad98)), closes [#22066](https://github.com/ionic-team/ionic/issues/22066)
+
+### Features
+
+* **vue:** add keyboard hook ([#22145](https://github.com/ionic-team/ionic/issues/22145)) ([b76bfa3](https://github.com/ionic-team/ionic/commit/b76bfa36c207ab18450d874cb876803aace58bea))
+
+
+### Performance Improvements
+
+* **vue:** improved tree-shaking ([#22131](https://github.com/ionic-team/ionic/issues/22131)) ([f82bac1](https://github.com/ionic-team/ionic/commit/f82bac17806e87772033b4602285fe0662d190e3))
+
+### Upgrade Steps
+
+```
+npm i @ionic/vue@0.5.0 @ionic/vue-router@0.5.0
+```
+
+With the release of `@ionic/vue@0.5.0`, developers can now use overlay components in their templates:
+
+```typescript
+<template>
+  <ion-page>
+    <ion-content>
+      <ion-button @click="setModalOpen">Open Modal</ion-button>
+      
+      <ion-modal
+        css-class="my-modal-class"
+        :is-open="isModalOpen"
+        @onDidDismiss="setModalClosed"
+      >
+        <h1>Modal Content</h1>
+      </ion-modal>
+    </ion-content>
+  </ion-page>
+</template>
+
+<script lang="ts">
+import { 
+  IonButton, 
+  IonContent, 
+  IonModal, 
+  IonPage
+} from '@ionic/vue';
+import { defineComponent, ref } from 'vue';
+
+export default defineComponent({
+  name: 'Home',
+  components: {
+    IonButton, 
+    IonContent, 
+    IonModal, 
+    IonPage
+  },
+  setup() {
+    const isModalOpen = ref(false);
+    const setModalOpen = () => isModalOpen.value = true;
+    const setModalClosed = () => isModalOpen.value = false;
+    
+    return {
+      isModalOpen,
+      setModalOpen,
+      setModalClosed
+    }
+  }
+})
+</script>
+```
+
+
+## 0.4.0
 
 ### Bug Fixes
 

packages/vue/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

packages/vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "lint": "echo add linter",
@@ -54,7 +54,7 @@
     "vue-router": "^4.0.0-beta.11"
   },
   "dependencies": {
-    "@ionic/core": "0.4.0",
+    "@ionic/core": "0.5.0",
     "ionicons": "^5.1.2"
   }
 }