Skip to content

Commit e9d5c2b

Browse files
committed
fix: index html import error
1 parent d4f82f9 commit e9d5c2b

File tree

2 files changed

+36
-73
lines changed

2 files changed

+36
-73
lines changed

frameworks/keyed/vue-jsx/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
</head>
99
<body>
1010
<div id="app"></div>
11-
<script type="module" src="/dist/main.js"></script>
11+
<script type="module" src="dist/main.js"></script>
1212
</body>
1313
</html>

frameworks/keyed/vue-jsx/src/App.tsx

Lines changed: 35 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -65,70 +65,43 @@ export default defineComponent({
6565
<div class="col-md-6">
6666
<h1>Vue.js jsx (keyed)</h1>
6767
</div>
68-
<div class="col-sm-6 smallpad">
69-
<button
70-
type="button"
71-
class="btn btn-primary btn-block"
72-
id="run"
73-
onClick={run}
74-
>
75-
Create 1,000 rows
76-
</button>
77-
</div>
68+
7869
<div class="col-md-6">
79-
<div class="col-sm-6 smallpad">
80-
<button
81-
type="button"
82-
class="btn btn-primary btn-block"
83-
id="runlots"
84-
onClick={runLots}
85-
>
86-
Create 10,000 rows
87-
</button>
88-
</div>
70+
<div class="row">
71+
<div class="col-sm-6 smallpad">
72+
<button type="button" class="btn btn-primary btn-block" id="run" onClick={run}>
73+
Create 1,000 rows
74+
</button>
75+
</div>
76+
<div class="col-sm-6 smallpad">
77+
<button type="button" class="btn btn-primary btn-block" id="runlots" onClick={runLots}>
78+
Create 10,000 rows
79+
</button>
80+
</div>
8981

90-
<div class="col-sm-6 smallpad">
91-
<button
92-
type="button"
93-
class="btn btn-primary btn-block"
94-
id="add"
95-
onClick={add}
96-
>
97-
Append 1,000 rows
98-
</button>
99-
</div>
82+
<div class="col-sm-6 smallpad">
83+
<button type="button" class="btn btn-primary btn-block" id="add" onClick={add}>
84+
Append 1,000 rows
85+
</button>
86+
</div>
10087

101-
<div class="col-sm-6 smallpad">
102-
<button
103-
type="button"
104-
class="btn btn-primary btn-block"
105-
id="update"
106-
onClick={update}
107-
>
108-
Update every 10th row
109-
</button>
110-
</div>
88+
<div class="col-sm-6 smallpad">
89+
<button type="button" class="btn btn-primary btn-block" id="update" onClick={update}>
90+
Update every 10th row
91+
</button>
92+
</div>
11193

112-
<div class="col-sm-6 smallpad">
113-
<button
114-
type="button"
115-
class="btn btn-primary btn-block"
116-
id="clear"
117-
onClick={clear}
118-
>
119-
Clear
120-
</button>
121-
</div>
94+
<div class="col-sm-6 smallpad">
95+
<button type="button" class="btn btn-primary btn-block" id="clear" onClick={clear}>
96+
Clear
97+
</button>
98+
</div>
12299

123-
<div class="col-sm-6 smallpad">
124-
<button
125-
type="button"
126-
class="btn btn-primary btn-block"
127-
id="swaprows"
128-
onClick={swapRows}
129-
>
130-
Swap Rows
131-
</button>
100+
<div class="col-sm-6 smallpad">
101+
<button type="button" class="btn btn-primary btn-block" id="swaprows" onClick={swapRows}>
102+
Swap Rows
103+
</button>
104+
</div>
132105
</div>
133106
</div>
134107
</div>
@@ -137,32 +110,22 @@ export default defineComponent({
137110
<table class="table table-hover table-striped test-data">
138111
<tbody>
139112
{rows.value.map(({ id, label }) => (
140-
<tr
141-
key={id}
142-
class={{ danger: id === selected }}
143-
data-label={label}
144-
>
113+
<tr key={id} class={{ danger: id === selected }} data-label={label}>
145114
<td class="col-md-1">{id}</td>
146115
<td class="col-md-4">
147116
<a onClick={() => select(id)}>{label}</a>
148117
</td>
149118
<td class="col-md-1">
150119
<a onClick={() => remove(id)}>
151-
<span
152-
class="glyphicon glyphicon-remove"
153-
aria-hidden="true"
154-
></span>
120+
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
155121
</a>
156122
</td>
157123
<td class="col-md-6"></td>
158124
</tr>
159125
))}
160126
</tbody>
161127
</table>
162-
<span
163-
class="preloadicon glyphicon glyphicon-remove"
164-
aria-hidden="true"
165-
></span>
128+
<span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
166129
</div>
167130
);
168131
},

0 commit comments

Comments
 (0)