<template>
  <p>
    Hello world
  </p>
  <el-button type="success" >成功</el-button>
  <el-input placeholder="Please input" />
  <code-edit v-model="code" codeType="json" height="200px" width="1000px" @codeError="getCodeError"/>

  <vxe-button content="默认颜色"></vxe-button>
  <vxe-button status="primary" content="主要颜色"></vxe-button>
  <vxe-button status="success" content="成功颜色"></vxe-button>
  <vxe-button status="info" content="信息颜色"></vxe-button>
  <vxe-button status="warning" content="警告颜色"></vxe-button>
  <vxe-button status="danger" content="危险颜色"></vxe-button>
</template>

<script setup>
import { getCurrentInstance, ref } from "vue"

let {proxy} = getCurrentInstance()

let HelloApi = proxy.$launchApi.HelloApi
let NProgress = proxy.$NProgress

NProgress.start()
// HelloApi.hello().then(result => {
//   console.log(result)
// })
NProgress.done()

let code = ref('{"a":1}')

function getCodeError(value) {
  console.log(value)
}



</script>

<style scoped>

</style>