<template>
  <div class="inject-content" :style="style">{{ text }}</div>
</template>

<script setup>
const DEVELOPER_MODE = window.sessionStorage.getItem("DEVELOPER_MODE") === "1";
const QX_DEBUG_APPS = JSON.parse(
  window.sessionStorage.getItem("QX_DEBUG_APPS") || "[]"
);
const text = DEVELOPER_MODE && QX_DEBUG_APPS.length ? "调试中" : "开发模式";
const style = {
  background:
    "linear-gradient(to right, rgba(62, 142, 245, 0.6), rgb(62, 142, 245))",
  width: "26px",
  padding: "10px",
  position: "absolute",
  right: "0",
  top: "calc(100vh / 2 - 50px)",
  zIndex: 9999,
  display: "flex",
  alignItem: "center",
  justifyContent: "center",
  lineHeight: "18px",
  color: "rgb(255, 255, 255)",
  borderRadius: "6px 0px 0px 6px",
  cursor: "default",
  boxShadow: "rgba(62, 142, 245, 0.2) 0px 0px 5px",
};
</script>

<style>
</style>