<script setup>
// Copyright 2024 FlexCDN root@flexcdn.cn. All rights reserved. Official site: https://flexcdn.cn .

import PopupLayout from "@/layouts/PopupLayout.vue";
import ctxRef from "@/utils/ctx_ref.js"
import Context from "./serverNamesPopup.js"
import TInputText from "@/components/ui/TInputText.vue";
import TLabel from "@/components/ui/TLabel.vue";

const ctx = ctxRef(new Context())

</script>

<template>
	<PopupLayout>
		<header>查看域名</header>

		<form>
			<TInputText name="keyword" v-model="ctx.keyword" placeholder="输入关键词搜索" autofocus autocomplete="off" class="w-full"/>
		</form>

		<div class="label-group mt-2">
			<TLabel outlined="" v-for="serverName in ctx.serverNames">{{serverName}}</TLabel>
		</div>

	</PopupLayout>
</template>

<style lang="postcss" scoped>
</style>