<template>
  <Loading
    class="box content"
    :loading="loading"
    :message="error"
    type="danger"
  >
    <div class="field">
      <label class="label">Image</label>
      <div class="control has-icons-left">
        <input
          class="input"
          placeholder="ghcr.io/crazy-max/loop:latest"
          type="text"
          value=""
        />
        <span class="icon is-small is-left">
          <i class="fa fa-image"></i>
        </span>
      </div>
    </div>
  </Loading>
</template>

<script lang="ts">
import Loading from '../components/Loading.vue'

export default {
  name: 'Update',
  components: {
    Loading,
  },
  data() {
    return {
      error: '',
      loading: false,
    }
  },
  computed: {
    container_name(): string {
      return this.$route.params.name as string
    },
  },
}
</script>
