docs: add FAQ for "Vue warn: Failed setting prop"

Author: freakzlike

docs/.vitepress/config.ts

@@ -106,6 +106,10 @@ export default defineConfig({
               }
             ]
           },
+          {
+            text: 'FAQ',
+            link: '/guide/faq/'
+          },
           {
             text: 'Migrating from Vue 2',
             link: '/migration/'
@@ -214,6 +218,10 @@ export default defineConfig({
           }
         ]
       },
+      {
+        text: 'FAQ',
+        link: '/guide/faq/'
+      },
       {
         text: 'Migrating from Vue 2',
         link: '/migration/'

docs/guide/faq/index.md

@@ -0,0 +1,25 @@
+# FAQ
+
+[[toc]]
+
+## Vue warn: Failed setting prop
+
+```
+[Vue warn]: Failed setting prop "prefix" on <component-stub>: value foo is invalid.
+TypeError: Cannot set property prefix of #<Element> which has only a getter
+```
+
+This warning is shown in case you are using `shallowMount` or `stubs` with a property name that is shared with [`Element`](https://developer.mozilla.org/en-US/docs/Web/API/Element).
+
+Common property names that are shared with `Element`:
+* `attributes`
+* `children`
+* `prefix`
+
+See: https://developer.mozilla.org/en-US/docs/Web/API/Element
+
+**Possible solutions**
+
+1. Use `mount` instead of `shallowMount` to render without stubs
+2. Ignore the warning by mocking `console.warn`
+3. Rename the prop to not clash with `Element` properties