|
8 | 8 | >
|
9 | 9 | <v-list nav>
|
10 | 10 | <v-list-item to="/" exact>
|
11 |
| - <template v-slot:prepend> |
| 11 | + <template #prepend> |
12 | 12 | <v-icon>mdi-home</v-icon>
|
13 | 13 | </template>
|
14 | 14 | <v-list-item-title>Home</v-list-item-title>
|
15 | 15 | </v-list-item>
|
16 | 16 |
|
17 | 17 | <v-list-group>
|
18 |
| - <template v-slot:activator="{ props }"> |
| 18 | + <template #activator="{ props }"> |
19 | 19 | <v-list-item v-bind="props">
|
20 | 20 | <v-list-item-title>Core Functionality</v-list-item-title>
|
21 | 21 | </v-list-item>
|
|
31 | 31 | :to="item.to"
|
32 | 32 | exact
|
33 | 33 | >
|
34 |
| - <v-list-item-title class="list-items" v-text="item.title" /> |
| 34 | + <v-list-item-title class="list-items">{{ |
| 35 | + item.title |
| 36 | + }}</v-list-item-title> |
35 | 37 | </v-list-item>
|
36 | 38 | </v-list-group>
|
37 | 39 |
|
38 | 40 | <v-list-group>
|
39 |
| - <template v-slot:activator="{ props }"> |
| 41 | + <template #activator="{ props }"> |
40 | 42 | <v-list-item v-bind="props">
|
41 | 43 | <v-list-item-title>Payments APIs</v-list-item-title>
|
42 | 44 | </v-list-item>
|
|
52 | 54 | :to="item.to"
|
53 | 55 | exact
|
54 | 56 | >
|
55 |
| - <v-list-item-title class="list-items" v-text="item.title" /> |
| 57 | + <v-list-item-title class="list-items">{{ |
| 58 | + item.title |
| 59 | + }}</v-list-item-title> |
56 | 60 | </v-list-item>
|
57 | 61 | </v-list-group>
|
58 | 62 |
|
59 | 63 | <v-list-group>
|
60 |
| - <template v-slot:activator="{ props }"> |
| 64 | + <template #activator="{ props }"> |
61 | 65 | <v-list-item v-bind="props">
|
62 | 66 | <v-list-item-title>Marketplace APIs</v-list-item-title>
|
63 | 67 | </v-list-item>
|
|
73 | 77 | :to="item.to"
|
74 | 78 | exact
|
75 | 79 | >
|
76 |
| - <v-list-item-title class="list-items" v-text="item.title" /> |
| 80 | + <v-list-item-title class="list-items">{{ |
| 81 | + item.title |
| 82 | + }}</v-list-item-title> |
77 | 83 | </v-list-item>
|
78 | 84 | </v-list-group>
|
79 | 85 |
|
80 | 86 | <v-list-group>
|
81 |
| - <template v-slot:activator="{ props }"> |
| 87 | + <template #activator="{ props }"> |
82 | 88 | <v-list-item v-bind="props">
|
83 | 89 | <v-list-item-title>Payouts APIs</v-list-item-title>
|
84 | 90 | </v-list-item>
|
|
94 | 100 | :to="item.to"
|
95 | 101 | exact
|
96 | 102 | >
|
97 |
| - <v-list-item-title class="list-items" v-text="item.title" /> |
| 103 | + <v-list-item-title class="list-items">{{ |
| 104 | + item.title |
| 105 | + }}</v-list-item-title> |
98 | 106 | </v-list-item>
|
99 | 107 | </v-list-group>
|
100 | 108 |
|
101 | 109 | <v-list-group>
|
102 |
| - <template v-slot:activator="{ props }"> |
| 110 | + <template #activator="{ props }"> |
103 | 111 | <v-list-item v-bind="props">
|
104 | 112 | <v-list-item-title>Payment Intents APIs</v-list-item-title>
|
105 | 113 | </v-list-item>
|
|
115 | 123 | :to="item.to"
|
116 | 124 | exact
|
117 | 125 | >
|
118 |
| - <v-list-item-title class="list-items" v-text="item.title" /> |
| 126 | + <v-list-item-title class="list-items">{{ |
| 127 | + item.title |
| 128 | + }}</v-list-item-title> |
119 | 129 | </v-list-item>
|
120 | 130 | </v-list-group>
|
121 | 131 |
|
122 | 132 | <v-list-group>
|
123 |
| - <template v-slot:activator="{ props }"> |
| 133 | + <template #activator="{ props }"> |
124 | 134 | <v-list-item v-bind="props">
|
125 | 135 | <v-list-item-title>Trade API</v-list-item-title>
|
126 | 136 | </v-list-item>
|
|
136 | 146 | :to="item.to"
|
137 | 147 | exact
|
138 | 148 | >
|
139 |
| - <v-list-item-title class="list-items" v-text="item.title" /> |
| 149 | + <v-list-item-title class="list-items">{{ |
| 150 | + item.title |
| 151 | + }}</v-list-item-title> |
140 | 152 | </v-list-item>
|
141 | 153 | </v-list-group>
|
142 | 154 |
|
143 | 155 | <v-list-group>
|
144 |
| - <template v-slot:activator="{ props }"> |
| 156 | + <template #activator="{ props }"> |
145 | 157 | <v-list-item v-bind="props">
|
146 | 158 | <v-list-item-title>CPS Trade API</v-list-item-title>
|
147 | 159 | </v-list-item>
|
|
157 | 169 | :to="item.to"
|
158 | 170 | exact
|
159 | 171 | >
|
160 |
| - <v-list-item-title class="list-items" v-text="item.title" /> |
| 172 | + <v-list-item-title class="list-items">{{ |
| 173 | + item.title |
| 174 | + }}</v-list-item-title> |
161 | 175 | </v-list-item>
|
162 | 176 | </v-list-group>
|
163 | 177 | </v-list>
|
164 | 178 | </v-navigation-drawer>
|
165 | 179 | <v-app-bar color="primary" density="compact" elevation="1" app>
|
166 | 180 | <v-app-bar-nav-icon
|
167 |
| - @click.stop="showDrawer = !showDrawer" |
168 | 181 | style="color: white !important"
|
| 182 | + @click.stop="showDrawer = !showDrawer" |
169 | 183 | >
|
170 | 184 | <v-icon color="white">mdi-menu</v-icon>
|
171 | 185 | </v-app-bar-nav-icon>
|
172 | 186 |
|
173 | 187 | <v-spacer />
|
174 | 188 |
|
175 | 189 | <v-btn
|
176 |
| - @click.stop="showRightDrawer = !showRightDrawer" |
177 | 190 | style="color: white !important"
|
178 | 191 | variant="text"
|
179 | 192 | icon
|
| 193 | + @click.stop="showRightDrawer = !showRightDrawer" |
180 | 194 | >
|
181 | 195 | <v-icon color="white">mdi-cog</v-icon>
|
182 | 196 | </v-btn>
|
|
206 | 220 | </template>
|
207 | 221 |
|
208 | 222 | <script setup lang="ts">
|
209 |
| -import { getIsStaging, getIsLocalHost } from '@/lib/apiTarget' |
210 |
| -
|
211 |
| -const router = useRouter() |
212 | 223 | const store = useMainStore()
|
213 | 224 |
|
214 |
| -const isStaging = getIsStaging() |
215 |
| -const isLocalHost = getIsLocalHost() |
216 |
| -
|
217 | 225 | const coreLinks = [
|
218 | 226 | {
|
219 | 227 | title: 'GET /businessAccount/balances',
|
@@ -520,15 +528,13 @@ const cpsTradesLinks = [
|
520 | 528 | ]
|
521 | 529 |
|
522 | 530 | const miniVariant = ref(false)
|
523 |
| -const right = ref(true) |
524 | 531 | const showRightDrawer = ref(false)
|
525 | 532 | const showDrawer = ref(false)
|
526 | 533 |
|
527 | 534 | const apiKey = computed({
|
528 | 535 | get: () => store.getApiKey,
|
529 | 536 | set: (value: string) => store.setBearerToken(value),
|
530 | 537 | })
|
531 |
| -
|
532 | 538 | </script>
|
533 | 539 |
|
534 | 540 | <style scoped>
|
|
0 commit comments