<template>
- <h1 id="action">Action</h1>
- <h2>Set Supervision Url</h2>
- <h3>Charging Station {{ chargingStationId }}</h3>
+ <h1 id="action">Set Supervision Url</h1>
+ <h2>{{ chargingStationId }}</h2>
<p>Supervision Url:</p>
<input
id="supervision-url"
id="action-button"
@click="
() => {
- uiClient
+ $uiClient
.setSupervisionUrl(hashId, state.supervisionUrl)
.then(() => {
$toast.success('Supervision url successfully set')
</template>
<script setup lang="ts">
-import { getCurrentInstance, ref } from 'vue'
+import { ref } from 'vue'
import Button from '@/components/buttons/Button.vue'
defineProps<{
const state = ref<{ supervisionUrl: string }>({
supervisionUrl: ''
})
-
-const uiClient = getCurrentInstance()?.appContext.config.globalProperties.$uiClient
</script>
<style>