chore(dev): setup provide/inject demo

Author: Akryum

packages/shell-dev-vue3/src/Provide.vue

@@ -3,6 +3,8 @@
 </template>
 
 <script>
+import { provide, inject } from 'vue'
+
 export default {
   components: {
     Inject: {
@@ -21,14 +23,23 @@ export default {
         }
       },
       inject: ['injectedData'],
-      template: '<div>injected: {{ injectedData }}<NestedInject /></div>'
+      setup () {
+        return {
+          comingFromSetup: inject('fromSetup')
+        }
+      },
+      template: '<div>injected: {{ injectedData }} | {{ comingFromSetup }}<NestedInject /></div>'
     }
   },
 
   provide () {
     return {
       injectedData: 'bar'
     }
+  },
+
+  setup () {
+    provide('fromSetup', 'Setup!!')
   }
 }
 </script>