<commit_before><template>
    <div class="preview-wrap">

    </div>
</template>
<script>
    export default {
        name: 'Preview',
        computed: {
            
        }
    }
</script><commit_msg>realize preivew<commit_after><script>
    export default {
        name: 'Preview',
        computed: {
            comps:function(){
                return this.$store.state.components;
            }
        },
        render:function(createElement, cxt){
            return createElement('div',{
                'class':{
                    'preview-wrap': true
                }
            },[createElement('ul',this.comps.map(function(data,index){
                return createElement('li',[createElement(data.type,{
                    props: data.props
                }, data.props.text)]); //需要区分：props、solt内容、方法等属性内容
            }))]);
        }
    }
</script>
{'fraction_non_alphanumeric': 0.14009111617312073, 'fraction_numerical': 0.0, 'mean_word_length': 1.5258620689655173, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 0, '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': '6678157', 'n_tokens_mistral': 251, 'n_tokens_neox': 242, 'n_words': 36}