<template>
  <div class="main">
        <input ref="inputRef" type="text" />
  </div>
</template>

<script setup name="achievementdirectory">
import { ref, reactive, onMounted, defineProps, watch } from 'vue';

const inputRef = ref(null);

const state = reactive({
 
});

const props = defineProps({
  data: {
    type: Object,
    default: {},
  },
});

watch(() => props.data, (newValue, oldValue) => {
   nextTick(() => {
    
    })
},{ deep: true, immediate: true })

onMounted(() => {
  // inputRef.value.focus();
  init()
})

function init(){

}

</script>

<style lang="scss" scoped>

</style>