diff --git a/README.md b/README.md index a278c1d5..5334cc3d 100644 --- a/README.md +++ b/README.md @@ -1,30 +1,29 @@

- + + Yes, the image needs to be updated :)

-

NativeScript-Vue3 Beta

+

NativeScript-Vue3 RC

- npm + npm license

-NativeScript-Vue with Vue3 support now in beta! +NativeScript-Vue with Vue3 support now in RC! ## Quick start - - -To get started, you can use the [StackBlitz Template](https://stackblitz.com/fork/github/nativescript-vue/nativescript-vue/tree/main/packages/stackblitz-template?file=src%2Fcomponents%2FHome.vue&title=NativeScript%20Starter%20Vue3%20Beta) +To get started, you can use the [StackBlitz Template](https://stackblitz.com/fork/github/nativescript-vue/nativescript-vue/tree/main/packages/stackblitz-template?file=src%2Fcomponents%2FHome.vue&title=NativeScript%20Starter%20Vue3) ...or locally: ```bash -ns create myAwesomeApp --template @nativescript-vue/template-blank@beta +ns create myAwesomeApp --template @nativescript-vue/template-blank@rc cd myAwesomeApp ns run ios|android @@ -50,7 +49,7 @@ On android, you must enable cleartext http traffic, otherwise any connections ar ## Issues -If you encounter any issues, please open a new issue with as much detail as possible. This is **beta** software, so there might be bugs. +If you encounter any issues, please open a new issue with as much detail as possible. - [Join Discord](https://nativescript.org/discord) diff --git a/demo/package.json b/demo/package.json index 782508ad..c4149914 100644 --- a/demo/package.json +++ b/demo/package.json @@ -4,16 +4,16 @@ "version": "1.0.0", "private": true, "dependencies": { - "@nativescript/core": "~8.6.2", - "@vueuse/components": "^10.7.1", - "@vueuse/core": "^10.7.1", + "@nativescript/core": "~8.7.0", + "@vueuse/components": "^10.9.0", + "@vueuse/core": "^10.9.0", "nativescript-vue": "link:.." }, "devDependencies": { - "@nativescript/android": "~8.6.2", - "@nativescript/ios": "~8.6.3", - "@nativescript/types": "~8.6.1", - "@nativescript/webpack": "~5.0.18", - "typescript": "^5.3.3" + "@nativescript/android": "~8.7.0", + "@nativescript/ios": "~8.7.0", + "@nativescript/types": "~8.7.0", + "@nativescript/webpack": "~5.0.0", + "typescript": "^5.4.5" } } diff --git a/demo/src/app.css b/demo/src/app.css index 3f8ad23a..e677ae54 100644 --- a/demo/src/app.css +++ b/demo/src/app.css @@ -5,3 +5,7 @@ StackLayout { Label { /* background-color: rgb(0, 255, 0, 0.2); */ } + +.modal { + background-color: rgb(0, 0, 255, 0.2); +} diff --git a/demo/src/components/Home.vue b/demo/src/components/Home.vue index 20caee67..099da663 100644 --- a/demo/src/components/Home.vue +++ b/demo/src/components/Home.vue @@ -3,12 +3,17 @@ import { ListItem, onMounted, onUnmounted } from 'nativescript-vue'; import { goHome } from '../composables/goHome'; import Test from './Test.vue'; -defineProps({ - depth: { - type: Number, - default: 0, +withDefaults( + defineProps<{ + depth?: number; + title?: string; + items?: (string | number)[]; + enabled?: boolean; + }>(), + { + depth: 0, }, -}); +); const message = 'Hello World!!'; @@ -46,7 +51,10 @@ onUnmounted(() => {