<template>
    <div>
        <BaseAvater1
            :image-size="photoSize"
            :image-url="photoUrl"
            :image-alt="photoAlt"
        />
    </div>
</template>

<script setup lang="ts">
const props = defineProps({
    imageSize: { type: Number, default: 12 },
});

const photoSize = ref(props.imageSize);
const photoUrl = _crossCtl.profileUrlRef;
const photoAlt = ref(
    _crossCtl.isAuthenticated
        ? _crossCtl.userInfo['userInfo']['userName'] + '의 프로필 사진'
        : ''
);
</script>

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