Publish: @stencil/vue-output-target v0.10.2

Author: christian-bromann

CHANGELOG.md

@@ -1,3 +1,11 @@
+## @stencil/vue-output-target@0.10.2 (2025-03-12)
+
+#### :bug: Bug Fix
+
+- `vue-output-target`
+  - [`acd18913`](https://github.com/stenciljs/output-targets/commit/acd18913e11c4516ab9def64ad01562a9ec7c3)  fix(vue): correctly reference model value and more testing ([@christian-bromann](https://github.com/christian-bromann))
+  - adding various more e2e test to verify functionality of the framework wrapper
+
 ## @stencil/vue-output-target@0.10.1 (2025-03-11)
 
 #### :bug: Bug Fix

README.md

@@ -100,8 +100,10 @@ Check out our [example project](https://github.com/stenciljs/output-targets/blob
 - [`component-library-angular`](https://github.com/stenciljs/output-targets/blob/main/example-project/component-library-angular) - An Angular project that consumes Stencil components and exports them as an Angular module
 - [`component-library-react`](https://github.com/stenciljs/output-targets/blob/main/example-project/component-library-react) - A React + Vite project that uses Stencil components and exports them as a React component
 - [`next-app`](https://github.com/stenciljs/output-targets/blob/main/example-project/next-app) - A Next.js application that consumes the Stencil components from the `component-library-react` project
+- [`next-15-react-19-app`](https://github.com/stenciljs/output-targets/blob/main/example-project/next-15-react-19-app) - A Next.js v15 application using React v19 that consumes the Stencil components from the `component-library-react` project
 - [`nuxt-app`](https://github.com/stenciljs/output-targets/blob/main/example-project/nuxt-app) - A Nuxt application that consumes the Stencil components from the `component-library-vue` project
 - [`vue-app`](https://github.com/stenciljs/output-targets/blob/main/example-project/vue-app) - A Vue + Vite example application that consumes the Stencil components from the `component-library-vue` project
+- [`vue-app-broken`](https://github.com/stenciljs/output-targets/blob/main/example-project/vue-app-broken) - A Vue + Vite example application with invalid type use for testing purposes, ensuring Vue component properties types are propagated correctly
 
 Detailed information for each output target can be found in each package's README.
 

example-project/component-library/src/components/helpers.ts

@@ -155,7 +155,6 @@ export const createColorClasses = (color: string | undefined | null, cssClassMap
     : cssClassMap;
 };
 
-
 /**
  * Uses the compareWith param to compare two values to determine if they are equal.
  *
@@ -230,4 +229,4 @@ export const renderHiddenInput = (
     input.name = name;
     input.value = value || '';
   }
-};
+};

example-project/component-library/src/components/my-radio-group/my-radio-group.tsx

@@ -42,7 +42,7 @@ export class RadioGroup implements ComponentInterface {
   @Watch('value')
   valueChanged(value: any | undefined) {
     this.setRadioTabindex(value);
-    this.emitValueChange
+    this.emitValueChange;
     this.myValueChange.emit({ value });
   }
 

packages/vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/vue-output-target",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "Vue output target for @stencil/core components.",
   "author": "Ionic Team",
   "homepage": "https://stenciljs.com/",