<template>
    <div class="title-box flex justify-between mb40">
        <p class="title">지문 등록</p>
    </div>
        <div class="board-wrap">
            <div class="flex align-center mb20">
                <label for="" class="title2">제목</label>
                <input type="text" class="data-wrap">
            </div>
            <div class="flex align-center">
                <label for="" class="title2">URL</label>
                <input type="text" class="data-wrap">
            </div>
            <hr>
            <div class="flex align-center">
                <label for="" class="title2">스크립트</label>
                <textarea name="" id="" class="data-wrap"></textarea>
            </div>
        </div>
        <div class="flex justify-between mt50">
                <button type="button" title="글쓰기" class="new-btn"  @click="goToPage('TextList')">
                    목록
                </button>
               <div class="flex">
                    <button type="button" title="글쓰기" class="new-btn mr10"  >
                        수정
                    </button>
                    <button type="button" title="글쓰기" class="new-btn"  >
                        삭제
                    </button>
               </div>
        </div>
</template>

<script>
import SvgIcon from '@jamescoyle/vue-icon';
import { mdiMagnify} from '@mdi/js';


export default {
    data () {
        return {
            mdiMagnify: mdiMagnify,
        }
    },
    methods: {
        goToPage(page) {
         this.$router.push({ name: page });
      },
    },
    watch: {

    },
    computed: {
       
    },
    components:{
        SvgIcon
    },
    mounted() {
        console.log('Main2 mounted');
    }
}
</script>