mirror of
https://github.com/ArthurDanjou/website-old.git
synced 2026-01-20 23:11:43 +01:00
27 lines
988 B
Vue
27 lines
988 B
Vue
<template>
|
|
<svg class="inline" width="1.25em" height="1.25em" viewBox="0 0 512 512" focusable="false">
|
|
<path
|
|
d="M0 256c0 206.466 49.534 256 256 256s256-49.534 256-256S462.466 0 256 0S0 49.534 0 256zm173.626 160.582c-58.99.278-91.98-54.306-70.393-107.414l80.305-182.475c19.73-56.102 111.542-71.358 144.938 0l80.29 182.475c21.716 52.478-11.158 108.055-70.392 107.414c-19.592 1.368-58.414-17.567-82.434-16.068c-32.51-.363-54.67 16.891-82.314 16.068zm160.582-78.725L256 158.499l-79.257 179.358c47.532-20.986 108-22.252 157.465 0z"
|
|
:class="isDarkMode ? 'fill-adonis-dark' : 'fill-adonis-light'"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import {computed, defineComponent, useContext} from "@nuxtjs/composition-api";
|
|
|
|
export default defineComponent({
|
|
name: "GithubIcon",
|
|
setup() {
|
|
const {$colorMode} = useContext()
|
|
const isDarkMode = computed(() => {
|
|
return $colorMode.preference === 'dark'
|
|
})
|
|
|
|
return {
|
|
isDarkMode
|
|
}
|
|
}
|
|
})
|
|
</script>
|