|
1 | 1 | <script>
|
2 |
| - import GitHubIcon from '@/Components/Svg/GitHubIcon.vue'; |
3 |
| - import SunIcon from '@/Components/Svg/SunIcon.vue'; |
4 |
| - import MoonIcon from '@/Components/Svg/MoonIcon.vue'; |
5 |
| - import HamburgerIcon from '@/Components/Svg/HamburgerIcon.vue'; |
6 |
| - import { useDark, useToggle } from '@vueuse/core'; |
| 2 | +import GitHubIcon from '@/Components/Svg/GitHubIcon.vue'; |
| 3 | +import SunIcon from '@/Components/Svg/SunIcon.vue'; |
| 4 | +import MoonIcon from '@/Components/Svg/MoonIcon.vue'; |
| 5 | +import HamburgerIcon from '@/Components/Svg/HamburgerIcon.vue'; |
| 6 | +import { useDark, useToggle } from '@vueuse/core'; |
7 | 7 |
|
8 |
| - const isDark = useDark(); |
9 |
| - const toggleDark = useToggle(isDark); |
| 8 | +const isDark = useDark(); |
| 9 | +const toggleDark = useToggle(isDark); |
10 | 10 |
|
11 |
| - export default { |
12 |
| - data() { |
13 |
| - return { |
14 |
| - links: [ |
15 |
| - { name: 'Artigos', url: '/blog' }, |
16 |
| - { name: 'Links', url: '/links' }, |
17 |
| - { name: 'Discord', url: 'https://discord.gg/52apEBYQb2' }, |
18 |
| - { name: 'Reddit', url: 'https://reddit.com/r/devpt/' } |
19 |
| - ], |
20 |
| - dark: isDark |
21 |
| - } |
22 |
| - }, |
23 |
| - methods: { |
24 |
| - toggleDark |
25 |
| - }, |
26 |
| - components: { |
27 |
| - GitHubIcon, |
28 |
| - SunIcon, |
29 |
| - MoonIcon, |
30 |
| - HamburgerIcon |
| 11 | +export default { |
| 12 | + data() { |
| 13 | + return { |
| 14 | + links: [ |
| 15 | + { name: 'Artigos', url: '/blog' }, |
| 16 | + { name: 'Links', url: '/links' }, |
| 17 | + { name: 'Discord', url: 'https://discord.gg/52apEBYQb2' }, |
| 18 | + { name: 'Reddit', url: 'https://reddit.com/r/devpt/' } |
| 19 | + ], |
| 20 | + dark: isDark |
31 | 21 | }
|
32 | 22 | },
|
| 23 | + methods: { |
| 24 | + toggleDark |
| 25 | + }, |
33 | 26 | components: {
|
34 | 27 | GitHubIcon,
|
35 | 28 | SunIcon,
|
|
0 commit comments