{"version":3,"file":"About-DoDl2Z3n.js","sources":["../../../resources/js/views/About.vue"],"sourcesContent":["<script setup>\n    import { UseColorMode } from '@vueuse/components'\n\n    const $2fauth = inject('2fauth')\n    const router = useRouter()\n    const returnTo = router.options.history.state.back\n</script>\n\n<template>\n    <ResponsiveWidthWrapper>\n    <UseColorMode v-slot=\"{ mode }\">\n        <h1 class=\"title has-text-grey-dark\">{{ $t('commons.about') }}</h1>\n        <p class=\"block\">\n            <span :class=\"mode == 'dark' ? 'has-text-white':'has-text-black'\"><span class=\"is-size-5\">2FAuth</span> v{{ $2fauth.version }}</span>\n            <br />\n            {{ $t('commons.2fauth_teaser')}}\n        </p>\n        <img class=\"about-logo\" src=\"logo.svg\" alt=\"2FAuth logo\" />\n        <p class=\"block\">\n            ©Bubka <a class=\"is-size-7\" href=\"https://github.com/Bubka/2FAuth/blob/master/LICENSE\">AGPL-3.0 license</a>\n        </p>\n        <h2 class=\"title is-5 has-text-grey-light\">\n            {{ $t('commons.resources') }}\n        </h2>\n        <div class=\"buttons\">\n            <a class=\"button\" :class=\"{'is-dark' : mode == 'dark'}\" href=\"https://github.com/Bubka/2FAuth\" target=\"_blank\">\n                <span class=\"icon is-small\">\n                    <FontAwesomeIcon :icon=\"['fab', 'github-alt']\" />\n                </span>\n                <span>Github</span>\n            </a>\n            <a class=\"button\" :class=\"{'is-dark' : mode == 'dark'}\" href=\"https://docs.2fauth.app/\" target=\"_blank\">\n                <span class=\"icon is-small\">\n                    <FontAwesomeIcon :icon=\"['fas', 'book']\" />\n                </span>\n                <span>Docs</span>\n            </a>\n            <a class=\"button\" :class=\"{'is-dark' : mode == 'dark'}\" href=\"https://demo.2fauth.app/\" target=\"_blank\">\n                <span class=\"icon is-small\">\n                    <FontAwesomeIcon :icon=\"['fas', 'flask']\" />\n                </span>\n                <span>Demo</span>\n            </a>\n            <a class=\"button\" :class=\"{'is-dark' : mode == 'dark'}\" href=\"https://docs.2fauth.app/resources/rapidoc.html\" target=\"_blank\">\n                <span class=\"icon is-small\">\n                    <FontAwesomeIcon :icon=\"['fas', 'code']\" />\n                </span>\n                <span>API</span>\n            </a>\n        </div>\n        <h2 class=\"title is-5 has-text-grey-light\">\n            {{ $t('commons.credits') }}\n        </h2>\n        <p class=\"block\">\n            <ul>\n                <li>{{ $t('commons.made_with') }}&nbsp;<a href=\"https://docs.2fauth.app/credits/\">Laravel, Bulma CSS, Vue.js and more</a></li>\n                <li>{{ $t('commons.ui_icons_by') }}&nbsp;<a href=\"https://fontawesome.com/\">Font Awesome</a>&nbsp;<a class=\"is-size-7\" href=\"https://fontawesome.com/license/free\">(CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)</a></li>\n                <li>{{ $t('commons.logos_by') }}&nbsp;<a href=\"https://2fa.directory/\">2FA Directory</a>&nbsp;<a class=\"is-size-7\" href=\"https://github.com/2factorauth/twofactorauth/blob/master/LICENSE.md\">(MIT License)</a></li>\n            </ul>\n        </p>\n        <!-- footer -->\n        <VueFooter :showButtons=\"true\">\n            <ButtonBackCloseCancel :returnTo=\"{ path: returnTo }\" action=\"back\" />\n        </VueFooter>\n    </UseColorMode>\n    </ResponsiveWidthWrapper>\n</template>"],"names":["$2fauth","inject","returnTo","useRouter"],"mappings":"8gBAGI,MAAMA,EAAUC,EAAO,QAAQ,EAEzBC,EADSC,EAAS,EACA,QAAQ,QAAQ,MAAM"}