fix(router-view): disable inheritAttrs

posva · posva · commit 1e58574e6175 · 2020-12-24T10:51:04.000+01:00
Fix #674
diff --git a/__tests__/RouterView.spec.ts b/__tests__/RouterView.spec.ts
@@ -293,6 +293,15 @@ describe('RouterView', () => {
     expect(wrapper.html()).toBe(`<div>id:foo;other:fixed</div>`)
   })
 
+  it('inherit attributes', async () => {
+    const { wrapper } = await factory(routes.withIdAndOther, {
+      'data-test': 'true',
+    })
+    expect(wrapper.html()).toBe(
+      `<div data-test="true">id:foo;other:fixed</div>`
+    )
+  })
+
   it('can pass a function as props', async () => {
     const { wrapper } = await factory(routes.withFnProps)
     expect(wrapper.html()).toBe(`<div>id:2;other:page</div>`)
diff --git a/src/RouterView.ts b/src/RouterView.ts
@@ -36,6 +36,8 @@ export interface RouterViewProps {
 
 export const RouterViewImpl = /*#__PURE__*/ defineComponent({
   name: 'RouterView',
+  // #674 we manually inherit them
+  inheritAttrs: false,
   props: {
     name: {
       type: String as PropType<string>,
