<script setup lang="ts">
import { onUnmounted } from 'vue'
import { XErr, XErrWeb } from '../../../../x_err_sdk/web/index'
// { XErr, XErrWeb }
const xErr = new XErr(
    {
        Dns: 'http://localhost:5174/api',
        Pid: 'e19e3be20de94f49b68fafb4c30668bc',
        Uid: '10'
    },
    new XErrWeb()
)
onUnmounted(() => {
    xErr.unListen()
})
defineProps<{ msg: string }>()
function error() {
    throw new Error('主动抛error')
}
function promiseError() {
    Promise.reject('主动抛promise1')
    Promise.reject(new Error('主动抛promiseError2'))
}
function yufaError() {
    // try {
    setTimeout(() => {
        a = 1
        // a = 2;
    }, 100)
    // } catch (error) {
    // 	console.log(error);
    // }
}
function loadError() {
    const img = new Image()
    console.log(img)
    img.src = 'http://a.cn'
    document.body.appendChild(img)
}
</script>

<template>
    <h1>{{ msg }}</h1>

    <div class="card">
        <button class="a b" type="button" aa="11" @click="error">主动抛error</button>
        <button class="a b" type="button" aa="11" @click="yufaError">语法错误</button>
        <button class="a b c" id="abv" type="button" @click="promiseError">promise error</button>
        <button type="button" @click="loadError">资源加载错误</button>

        <!-- <img src="http://a.cn/a/b" alt="" srcset="" />
		<link rel="stylesheet" href="http://a.cn/c/c/c" /> -->
    </div>
</template>

<style scoped>
button {
    color: #fff;
    background-color: rgb(150, 149, 149);
    border: 0;
    padding: 6px 10px;
    margin: 6px;
    font-size: 14px;
    line-height: 18px;
}
</style>
