|
1 | 1 | <script setup lang="ts"> |
2 | 2 | import GithubButton from 'vue-github-button' |
3 | | -import { Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue' |
4 | | -import {onMounted, onUnmounted, ref, useColorMode, useDocSearch} from '#imports' |
| 3 | +// import { Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue' |
| 4 | +import { onMounted, onUnmounted, ref, useColorMode, useDocSearch } from '#imports' |
5 | 5 |
|
6 | 6 | const onTop = ref(true) |
7 | 7 |
|
@@ -45,30 +45,30 @@ const { hasDocSearch } = useDocSearch() |
45 | 45 | <GithubButton class="hidden xl:inline h-[20px]" href="https://github.com/sponsors/harlan-zw" :data-color-scheme="githubColorScheme" data-icon="octicon-heart" aria-label="Sponsor @harlan-zw on GitHub"> |
46 | 46 | Sponsor |
47 | 47 | </GithubButton> |
48 | | - <Menu> |
49 | | - <div class="hidden md:inline-block relative text-left"> |
50 | | - <MenuButton class="inline-flex items-center w-full justify-center rounded-md px-2 py-2 text-sm hover:bg-opacity-30 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75"> |
51 | | - v1.x |
52 | | - <icon name="mdi:chevron-down" class="ml-1 opacity-70 text-lg" /> |
53 | | - </MenuButton> |
54 | | - <transition |
55 | | - enter-active-class="transition duration-100 ease-out" |
56 | | - enter-from-class="transform scale-95 opacity-0" |
57 | | - enter-to-class="transform scale-100 opacity-100" |
58 | | - leave-active-class="transition duration-75 ease-out" |
59 | | - leave-from-class="transform scale-100 opacity-100" |
60 | | - leave-to-class="transform scale-95 opacity-0" |
61 | | - > |
62 | | - <MenuItems class="absolute right-0 mt-2 w-40 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"> |
63 | | - <MenuItem v-slot="{ active }" class="p-1 w-full"> |
64 | | - <a :class='{ "bg-green-300": active }' href="/account-settings" class="text-gray-900 group flex w-full items-center rounded-md px-2 py-2 text-sm"> |
65 | | - Visit v0.x Docs |
66 | | - </a> |
67 | | - </MenuItem> |
68 | | - </MenuItems> |
69 | | - </transition> |
70 | | - </div> |
71 | | - </Menu> |
| 48 | +<!-- <Menu>--> |
| 49 | +<!-- <div class="hidden md:inline-block relative text-left">--> |
| 50 | +<!-- <MenuButton class="inline-flex items-center w-full justify-center rounded-md px-2 py-2 text-sm hover:bg-opacity-30 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75">--> |
| 51 | +<!-- v1.x--> |
| 52 | +<!-- <icon name="mdi:chevron-down" class="ml-1 opacity-70 text-lg" />--> |
| 53 | +<!-- </MenuButton>--> |
| 54 | +<!-- <transition--> |
| 55 | +<!-- enter-active-class="transition duration-100 ease-out"--> |
| 56 | +<!-- enter-from-class="transform scale-95 opacity-0"--> |
| 57 | +<!-- enter-to-class="transform scale-100 opacity-100"--> |
| 58 | +<!-- leave-active-class="transition duration-75 ease-out"--> |
| 59 | +<!-- leave-from-class="transform scale-100 opacity-100"--> |
| 60 | +<!-- leave-to-class="transform scale-95 opacity-0"--> |
| 61 | +<!-- >--> |
| 62 | +<!-- <MenuItems class="absolute right-0 mt-2 w-40 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">--> |
| 63 | +<!-- <MenuItem v-slot="{ active }" class="p-1 w-full">--> |
| 64 | +<!-- <a :class='{ "bg-green-300": active }' href="/account-settings" class="text-gray-900 group flex w-full items-center rounded-md px-2 py-2 text-sm">--> |
| 65 | +<!-- Visit v0.x Docs--> |
| 66 | +<!-- </a>--> |
| 67 | +<!-- </MenuItem>--> |
| 68 | +<!-- </MenuItems>--> |
| 69 | +<!-- </transition>--> |
| 70 | +<!-- </div>--> |
| 71 | +<!-- </Menu>--> |
72 | 72 | <Search v-if="hasDocSearch" /> |
73 | 73 | <ThemeSelect :size="`h-5 w-5 ${hasDocSearch ? 'hidden lg:block' : ''}`" /> |
74 | 74 | <SocialIcons size="h-5 w-5 hidden lg:block" /> |
|
0 commit comments