File tree Expand file tree Collapse file tree 3 files changed +29
-2
lines changed Expand file tree Collapse file tree 3 files changed +29
-2
lines changed Original file line number Diff line number Diff line change 8
8
</template >
9
9
10
10
<script lang="ts" setup>
11
- import HelloWorld from ' ./component.vue'
12
- </script >
11
+ import HelloWorld from ' ./component.vue' ;
12
+ </script >
Original file line number Diff line number Diff line change
1
+ import { h } from 'vue' ;
2
+
3
+ function FooBar ( props : { stuffAndThings : number ; } ) {
4
+ return h ( 'div' , `Made it: ${ props . stuffAndThings } ` ) ;
5
+ }
6
+
7
+ FooBar . props = {
8
+ stuffAndThings : {
9
+ type : Number ,
10
+ required : true ,
11
+ } ,
12
+ } ;
13
+
14
+ export default FooBar ;
Original file line number Diff line number Diff line change
1
+ <script setup lang="ts">
2
+ import FooBar from ' ./FooBar' ;
3
+ </script >
4
+
5
+ <template >
6
+ <FooBar :stuff-and-things =" 7" class =" foo-bar" />
7
+ </template >
8
+
9
+ <style scoped>
10
+ .foo-bar {
11
+ color : blue ;
12
+ }
13
+ </style >
You can’t perform that action at this time.
0 commit comments