6
6
<a href =" /" >Untyped</a >
7
7
</p >
8
8
<div >
9
- <a href =" https://github.com/unjs/untyped" role =" noopener" target =" github" >Github</a >
9
+ <a
10
+ href =" https://github.com/unjs/untyped"
11
+ role =" noopener"
12
+ target =" github"
13
+ >Github</a
14
+ >
10
15
</div >
11
16
</div >
12
17
<!-- Main -->
34
39
<!-- Output -->
35
40
<div class =" block" >
36
41
<div class =" block-title" >
37
- <Tabs v-model =" state.outputTab" :tabs =" ['loader', 'schema', 'types', 'docs', 'resolved']" />
42
+ <Tabs
43
+ v-model =" state.outputTab"
44
+ :tabs =" ['loader', 'schema', 'types', 'docs', 'resolved']"
45
+ />
38
46
<span class =" block-label" >Output</span >
39
47
</div >
40
48
<!-- Schema -->
43
51
Schema is auto generated from reference and is json-schema
44
52
compliant.
45
53
</div >
46
- <Editor :model-value =" JSON.stringify(schema, null, 2)" read-only language =" json" />
54
+ <Editor
55
+ :model-value =" JSON.stringify(schema, null, 2)"
56
+ read-only
57
+ language =" json"
58
+ />
47
59
</div >
48
60
<!-- Types -->
49
61
<div v-if =" state.outputTab === 'types'" class =" block-content" >
64
76
<div class =" block-info" >
65
77
Using optional loader, we can support jsdoc to describe object.
66
78
</div >
67
- <Editor :model-value =" transpiledRef" read-only language =" typescript" />
79
+ <Editor
80
+ :model-value =" transpiledRef"
81
+ read-only
82
+ language =" typescript"
83
+ />
68
84
</div >
69
85
<!-- Resolved -->
70
86
<div v-if =" state.outputTab === 'resolved'" class =" block-content" >
71
87
<div class =" block-info" >
72
88
We can apply reference object to user input to apply defaults.
73
89
</div >
74
- <Editor :model-value =" JSON.stringify(resolvedInput, null, 2)" read-only language =" typescript" />
90
+ <Editor
91
+ :model-value =" JSON.stringify(resolvedInput, null, 2)"
92
+ read-only
93
+ language =" typescript"
94
+ />
75
95
</div >
76
96
</div >
77
97
</main >
@@ -113,13 +133,11 @@ export default defineComponent({
113
133
window .process = { env: {} };
114
134
const loader = asyncImport ({
115
135
loader: async () => {
116
- const [
117
- { transform: babelTransform },
118
- { default: untypedPlugin },
119
- ] = await Promise .all ([
120
- await import (" @babel/standalone" ),
121
- await import (" ../src/loader/babel" )
122
- ]);
136
+ const [{ transform: babelTransform }, { default: untypedPlugin }] =
137
+ await Promise .all ([
138
+ await import (" @babel/standalone" ),
139
+ await import (" ../src/loader/babel" ),
140
+ ]);
123
141
124
142
return (src , opts = {}) => {
125
143
const res = babelTransform (src, {
@@ -128,7 +146,7 @@ export default defineComponent({
128
146
plugins: [[untypedPlugin, opts]],
129
147
});
130
148
return res .code ;
131
- }
149
+ };
132
150
},
133
151
loading: { transform : () => " export default {} // loader is loading..." },
134
152
error : (err ) => ({
0 commit comments