File tree 2 files changed +22
-18
lines changed
2 files changed +22
-18
lines changed Original file line number Diff line number Diff line change @@ -3,15 +3,16 @@ import { defineComponent } from 'vue';
3
3
4
4
export default defineComponent ({
5
5
async setup () {
6
- const url = ' http://data.fixer.io/api/latest?access_key=534719332efb7559a8f331ef73491776&format=1' ;
7
- try {
8
- const response = await fetch (url);
9
- const exchangeRates = await response .json ();
6
+ const exchangeRates = await Promise .resolve ({
7
+ base: ' EUR' ,
8
+ date: ' 2021-05-08' ,
9
+ rates: {
10
+ GBP : 0.870389 ,
11
+ USD : 1.216325 ,
12
+ }
13
+ });
10
14
11
- return { rates: exchangeRates .rates };
12
- } catch (e) {
13
- console .error (' failed to fetch exchange rates' , e);
14
- }
15
+ return { rates: exchangeRates .rates };
15
16
}
16
17
});
17
18
</script >
Original file line number Diff line number Diff line change 1
1
<script lang="ts">
2
2
import { defineComponent } from ' vue' ;
3
3
interface ApiResponse {
4
+ date: string ,
5
+ base: string ,
4
6
rates: {
5
- USD: string ,
6
- GBP: string
7
+ USD: number ,
8
+ GBP: number
7
9
}
8
10
}
9
11
10
12
export default defineComponent ({
11
13
async setup() {
12
- const url = ' http://data.fixer.io/api/latest?access_key=534719332efb7559a8f331ef73491776&format=1' ;
13
- try {
14
- const response = await fetch (url );
15
- const exchangeRates: ApiResponse = await response .json ();
14
+ const exchangeRates: ApiResponse = await Promise .resolve ({
15
+ base: ' EUR' ,
16
+ date: ' 2021-05-08' ,
17
+ rates: {
18
+ GBP: 0.870389 ,
19
+ USD: 1.216325 ,
20
+ }
21
+ });
16
22
17
- return { rates: exchangeRates .rates };
18
- } catch (e ) {
19
- console .error (' failed to fetch exchange rates' , e );
20
- }
23
+ return { rates: exchangeRates .rates };
21
24
}
22
25
});
23
26
</script >
You can’t perform that action at this time.
0 commit comments