, text) {
        this.status = v;
        if (text) this.text = text;
      }
    }
  });

  Vue.component("x-status-badge", StatusBadge);
</script>


<style type="text/css">
  .x-status-badge-root {
  }

  .x-status-badge-content {
  }

  .x-status-badge-text {
    width: 60px;
    overflow: hidden;
    font-size: 10px;
  }

  .x-status-badge-glow {
    display: inline-block;
    min-width: 9px;
    padding-left: 1px;
    padding-bottom: 1px;
    line-height: 8px;
    font-size: 8px;
    border-radius: 8p