<!--

  This file is part of the Meeds project (https://meeds.io/).

  Copyright (C) 2020 - 2025 Meeds Association contact@meeds.io

  This program is free software; you can redistribute it and/or
  modify it under the terms of the GNU Lesser General Public
  License as published by the Free Software Foundation; either
  version 3 of the License, or (at your option) any later version.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  Lesser General Public License for more details.

  You should have received a copy of the GNU Lesser General Public License
  along with this program; if not, write to the Free Software Foundation,
  Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

-->
<template>
  <v-card
    class="d-flex flex-column align-center justify-center"
    color="transparent"
    height="116"
    width="116"
    flat
    @click="selectCommand">
    <v-icon size="48" class="my-3">{{ plugin.icon }}</v-icon>
    <div class="text-truncate-2">{{ $t(plugin.titleKey) }}</div>
    <div class="text-truncate">(/{{ $t(plugin.command) }})</div>
  </v-card>
</template>
<script>
export default {
  props: {
    plugin: {
      type: Object,
      default: null,
    },
  },
  methods: {
    selectCommand() {
      if (this.plugin.insert) {
        this.plugin.insert(this.$root.editor);
        this.$emit('close');
      } else {
        this.$root.$emit('content-link-search-drawer', this.plugin);
      }
    },
  },
};
</script>