<commit_before><template>
    <aside class="float-right">
        <ul>
            <li>
                <a href="https://github.com/dwqs/vue-resume.git" :target="target">源代码</a>
            </li>
            <li>
                <a href="https://github.com/dwqs" :target="target">Github</a>
            </li>
            <li>
                <a href="https://github.com/dwqs/blog" :target="target">Blog</a>
            </li>
            <li>
                <a href="#" :target="target">PDF下载</a>
            </li>
        </ul>
    </aside>
</template>

<style scoped lang="less">
    .float-right{
        position: fixed;
        right: 0;
        top: 30%;
        z-index: 2;
        li{
            margin-bottom: 10px;
            border-radius: 10px 0 0 10px;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
            background-color: #00BFA5;
            cursor: pointer;
            a{
                display: inline-block;
                width: 80px;
                height: 38px;
                line-height: 38px;
                padding-left: 10px;
                color: rgba(255,255,255,0.8);
                transition: all .3s ease-out;
                &:hover{
                    color: rgba(255,255,255,1);
                }
            }
        }
    }
</style>

<script>

    export default{
        data (){
            return{
                target:'_blank'
            };
        }
    };
</script><commit_msg>replace html with v-for in right<commit_after><template>
    <aside class="float-right">
        <ul>
            <li v-for="item in items">
                <a href="item.link" target="_blank">{{item.text}}</a>
            </li>
        </ul>
    </aside>
</template>

<style scoped lang="less">
    .float-right{
        position: fixed;
        right: 0;
        top: 30%;
        z-index: 2;
        li{
            margin-bottom: 10px;
            border-radius: 10px 0 0 10px;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
            background-color: #00BFA5;
            cursor: pointer;
            a{
                display: inline-block;
                width: 80px;
                height: 38px;
                line-height: 38px;
                padding-left: 10px;
                color: rgba(255,255,255,0.8);
                transition: all .3s ease-out;
                &:hover{
                    color: rgba(255,255,255,1);
                }
            }
        }
    }
</style>

<script>

    export default{
        data (){
            return{
                items:[{
                    text:"源代码",
                    link:"https://github.com/dwqs/vue-resume.git"
                },{
                    text:"Github",
                    link:"https://github.com/dwqs"
                },{
                    text:"Blog",
                    link:"https://github.com/dwqs/blog"
                },{
                    text:"PDF下载",
                    link:"#"
                }]
            };
        }
    };
</script>
{'fraction_non_alphanumeric': 0.1441383728379244, 'fraction_numerical': 0.04548366431774504, 'mean_word_length': 1.0654761904761905, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 43, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6792875', 'n_tokens_mistral': 1097, 'n_tokens_neox': 941, 'n_words': 186}