<commit_before><template>
    <div class="dropdown" :class="{ 'is-active': isOpen }">
        <div class="dropdown-trigger">
            <a :href="directLink" class="button is-link is-rounded" :class="{ 'tooltip is-tooltip-right is-tooltip-active': showTooltip }" data-tooltip="Copied!" @click.prevent="isOpen = !isOpen" v-click-outside="hide">
                <span class="font-splatoon2">{{ title }}</span>
                <span class="icon is-small">
                    <span class="chevron bottom"></span>
                </span>
            </a>
        </div>
        <div class="dropdown-menu" role="menu">
            <div class="dropdown-content font-splatoon2 has-text-left">
                <a :href="googleLink" target="_blank" class="dropdown-item">
                    Google Calendar
                </a>
                <a :href="webcalLink" target="_blank" class="dropdown-item">
                    Apple Calendar/Outlook
                </a>
                <a :href="directLink" target="_blank" class="dropdown-item" @click.prevent.stop="hide" v-clipboard:copy="directLink" v-clipboard:success="onCopy">
                    Copy ICS Link
                </a>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props: ['title', 'link', 'googleId'],<commit_msg>Fix issues with clicking calendar links on iOS<commit_after><template>
    <div class="dropdown" :class="{ 'is-active': isOpen }">
        <div class="dropdown-trigger">
            <a :href="directLink" class="button is-link is-rounded" :class="{ 'tooltip is-tooltip-right is-tooltip-active': showTooltip }" data-tooltip="Copied!" @click.prevent="isOpen = !isOpen" v-click-outside="hide">
                <span class="font-splatoon2">{{ title }}</span>
                <span class="icon is-small">
                    <span class="chevron bottom"></span>
                </span>
            </a>
        </div>
        <div class="dropdown-menu" role="menu">
            <div class="dropdown-content font-splatoon2 has-text-left">
                <a :href="googleLink" target="_blank" class="dropdown-item" @touchstart.stop @touchend.stop>
                    Google Calendar
                </a>
                <a :href="webcalLink" target="_blank" class="dropdown-item" @touchstart.stop @touchend.stop>
                    Apple/Android/Outlook Calendar
                </a>
                <a :href="directLink" target="_blank" class="dropdown-item" @click.prevent.stop="hide" v-clipboard:copy="directLink" v-clipboard:success="onCopy" @touchstart.stop @touchend.stop>
                    Copy ICS Link
                </a>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props: ['title', 'link', 'googleId'],
{'fraction_non_alphanumeric': 0.15842656080837242, 'fraction_numerical': 0.001443522194153735, 'mean_word_length': 2.0972067039106146, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 53, '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': '3085294', 'n_tokens_mistral': 815, 'n_tokens_neox': 776, 'n_words': 168}