From 6cae2785ef93be12229b658b2112d39b2cf2606e Mon Sep 17 00:00:00 2001
From: Huakun Shen <huakun.shen@huakunshen.com>
Date: Wed, 22 May 2024 00:34:38 -0400
Subject: [PATCH] Clean vue ext template

---
 .gitignore                                    |  1 +
 .../jarvis-ext-vue/src/App.vue                |  4 +-
 .../src/components/HelloWorld.vue             | 42 ------------------
 .../src/components/mode-toggle.vue            | 36 ----------------
 .../ui/dropdown-menu/DropdownMenu.vue         | 19 --------
 .../DropdownMenuCheckboxItem.vue              | 42 ------------------
 .../ui/dropdown-menu/DropdownMenuContent.vue  | 43 -------------------
 .../ui/dropdown-menu/DropdownMenuGroup.vue    | 11 -----
 .../ui/dropdown-menu/DropdownMenuItem.vue     | 32 --------------
 .../ui/dropdown-menu/DropdownMenuLabel.vue    | 26 -----------
 .../dropdown-menu/DropdownMenuRadioGroup.vue  | 19 --------
 .../dropdown-menu/DropdownMenuRadioItem.vue   | 43 -------------------
 .../dropdown-menu/DropdownMenuSeparator.vue   | 24 -----------
 .../ui/dropdown-menu/DropdownMenuShortcut.vue | 14 ------
 .../ui/dropdown-menu/DropdownMenuSub.vue      | 19 --------
 .../dropdown-menu/DropdownMenuSubContent.vue  | 35 ---------------
 .../dropdown-menu/DropdownMenuSubTrigger.vue  | 35 ---------------
 .../ui/dropdown-menu/DropdownMenuTrigger.vue  | 13 ------
 .../src/components/ui/dropdown-menu/index.ts  | 16 -------
 .../src/components/mode-toggle.vue            | 36 ----------------
 20 files changed, 3 insertions(+), 507 deletions(-)
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/HelloWorld.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/mode-toggle.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenu.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuContent.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuGroup.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuItem.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSub.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue
 delete mode 100644 extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/index.ts
 delete mode 100644 extensions/download-youtube/src/components/mode-toggle.vue

diff --git a/.gitignore b/.gitignore
index 9b1ee42..d5a0784 100644
--- a/.gitignore
+++ b/.gitignore
@@ -173,3 +173,4 @@ dist
 
 # Finder (MacOS) folder config
 .DS_Store
+.turbo
diff --git a/extension-templates/jarvis-ext-vue/src/App.vue b/extension-templates/jarvis-ext-vue/src/App.vue
index f6bf230..89d0a7b 100644
--- a/extension-templates/jarvis-ext-vue/src/App.vue
+++ b/extension-templates/jarvis-ext-vue/src/App.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import HelloWorld from "./components/HelloWorld.vue";
+import { useColorMode } from "@vueuse/core";
+useColorMode();
 </script>
 
 <template>
@@ -12,7 +13,6 @@ import HelloWorld from "./components/HelloWorld.vue";
         <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
       </a>
     </div>
-    <HelloWorld msg="Vue + Jarvis Extension Template" />
   </div>
 </template>
 
diff --git a/extension-templates/jarvis-ext-vue/src/components/HelloWorld.vue b/extension-templates/jarvis-ext-vue/src/components/HelloWorld.vue
deleted file mode 100644
index 68651a1..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<script setup lang="ts">
-import { ref } from "vue";
-import { Button } from "@/components/ui/button";
-import ModeToggle from "./mode-toggle.vue";
-defineProps<{ msg: string }>();
-
-const count = ref(0);
-</script>
-
-<template>
-  <div class="flex flex-col items-center space-y-5">
-    <h1 class="text-3xl">{{ msg }}</h1>
-    <ModeToggle />
-    <div class="card">
-      <div class="flex justify-center mb-5">
-        <Button @click="count++">count is {{ count }}</Button>
-      </div>
-      <p>
-        Edit
-        <code>components/HelloWorld.vue</code> to test HMR
-      </p>
-    </div>
-
-    <p>
-      Check out
-      <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank">create-vue</a>, the
-      official Vue + Vite starter
-    </p>
-    <p>
-      Install
-      <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
-      in your IDE for a better DX
-    </p>
-    <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-  </div>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>
diff --git a/extension-templates/jarvis-ext-vue/src/components/mode-toggle.vue b/extension-templates/jarvis-ext-vue/src/components/mode-toggle.vue
deleted file mode 100644
index 26946a7..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/mode-toggle.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup lang="ts">
-import { useColorMode } from "@vueuse/core";
-import { Icon } from "@iconify/vue";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-
-const mode = useColorMode();
-</script>
-
-<template>
-  <DropdownMenu>
-    <DropdownMenuTrigger as-child>
-      <Button variant="outline">
-        <Icon
-          icon="radix-icons:moon"
-          class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
-        />
-        <Icon
-          icon="radix-icons:sun"
-          class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
-        />
-        <span class="sr-only">Toggle theme</span>
-      </Button>
-    </DropdownMenuTrigger>
-    <DropdownMenuContent align="end">
-      <DropdownMenuItem @click="mode = 'light'"> Light </DropdownMenuItem>
-      <DropdownMenuItem @click="mode = 'dark'"> Dark </DropdownMenuItem>
-      <DropdownMenuItem @click="mode = 'auto'"> System </DropdownMenuItem>
-    </DropdownMenuContent>
-  </DropdownMenu>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenu.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenu.vue
deleted file mode 100644
index 6fc03a6..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenu.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import {
-  DropdownMenuRoot,
-  type DropdownMenuRootEmits,
-  type DropdownMenuRootProps,
-  useForwardPropsEmits,
-} from "radix-vue";
-
-const props = defineProps<DropdownMenuRootProps>();
-const emits = defineEmits<DropdownMenuRootEmits>();
-
-const forwarded = useForwardPropsEmits(props, emits);
-</script>
-
-<template>
-  <DropdownMenuRoot v-bind="forwarded">
-    <slot />
-  </DropdownMenuRoot>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
deleted file mode 100644
index 95f3dcc..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import {
-  DropdownMenuCheckboxItem,
-  type DropdownMenuCheckboxItemEmits,
-  type DropdownMenuCheckboxItemProps,
-  DropdownMenuItemIndicator,
-  useForwardPropsEmits,
-} from "radix-vue";
-import { CheckIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
-
-const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }>();
-const emits = defineEmits<DropdownMenuCheckboxItemEmits>();
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-
-  return delegated;
-});
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
-</script>
-
-<template>
-  <DropdownMenuCheckboxItem
-    v-bind="forwarded"
-    :class="
-      cn(
-        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-        props.class,
-      )
-    "
-  >
-    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuItemIndicator>
-        <CheckIcon class="w-4 h-4" />
-      </DropdownMenuItemIndicator>
-    </span>
-    <slot />
-  </DropdownMenuCheckboxItem>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuContent.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuContent.vue
deleted file mode 100644
index 1c2dd26..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuContent.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import {
-  DropdownMenuContent,
-  type DropdownMenuContentEmits,
-  type DropdownMenuContentProps,
-  DropdownMenuPortal,
-  useForwardPropsEmits,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
-
-const props = withDefaults(
-  defineProps<DropdownMenuContentProps & { class?: HTMLAttributes["class"] }>(),
-  {
-    sideOffset: 4,
-  },
-);
-const emits = defineEmits<DropdownMenuContentEmits>();
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-
-  return delegated;
-});
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
-</script>
-
-<template>
-  <DropdownMenuPortal>
-    <DropdownMenuContent
-      v-bind="forwarded"
-      :class="
-        cn(
-          'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-          props.class,
-        )
-      "
-    >
-      <slot />
-    </DropdownMenuContent>
-  </DropdownMenuPortal>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuGroup.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuGroup.vue
deleted file mode 100644
index b1af9b7..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuGroup.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script setup lang="ts">
-import { DropdownMenuGroup, type DropdownMenuGroupProps } from "radix-vue";
-
-const props = defineProps<DropdownMenuGroupProps>();
-</script>
-
-<template>
-  <DropdownMenuGroup v-bind="props">
-    <slot />
-  </DropdownMenuGroup>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuItem.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuItem.vue
deleted file mode 100644
index f4d95a7..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuItem.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from "radix-vue";
-import { cn } from "@/lib/utils";
-
-const props = defineProps<
-  DropdownMenuItemProps & { class?: HTMLAttributes["class"]; inset?: boolean }
->();
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-
-  return delegated;
-});
-
-const forwardedProps = useForwardProps(delegatedProps);
-</script>
-
-<template>
-  <DropdownMenuItem
-    v-bind="forwardedProps"
-    :class="
-      cn(
-        'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-        inset && 'pl-8',
-        props.class,
-      )
-    "
-  >
-    <slot />
-  </DropdownMenuItem>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuLabel.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
deleted file mode 100644
index b6c1c9c..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from "radix-vue";
-import { cn } from "@/lib/utils";
-
-const props = defineProps<
-  DropdownMenuLabelProps & { class?: HTMLAttributes["class"]; inset?: boolean }
->();
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-
-  return delegated;
-});
-
-const forwardedProps = useForwardProps(delegatedProps);
-</script>
-
-<template>
-  <DropdownMenuLabel
-    v-bind="forwardedProps"
-    :class="cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', props.class)"
-  >
-    <slot />
-  </DropdownMenuLabel>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
deleted file mode 100644
index bc48432..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import {
-  DropdownMenuRadioGroup,
-  type DropdownMenuRadioGroupEmits,
-  type DropdownMenuRadioGroupProps,
-  useForwardPropsEmits,
-} from "radix-vue";
-
-const props = defineProps<DropdownMenuRadioGroupProps>();
-const emits = defineEmits<DropdownMenuRadioGroupEmits>();
-
-const forwarded = useForwardPropsEmits(props, emits);
-</script>
-
-<template>
-  <DropdownMenuRadioGroup v-bind="forwarded">
-    <slot />
-  </DropdownMenuRadioGroup>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
deleted file mode 100644
index 940b584..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import {
-  DropdownMenuItemIndicator,
-  DropdownMenuRadioItem,
-  type DropdownMenuRadioItemEmits,
-  type DropdownMenuRadioItemProps,
-  useForwardPropsEmits,
-} from "radix-vue";
-import { DotFilledIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
-
-const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes["class"] }>();
-
-const emits = defineEmits<DropdownMenuRadioItemEmits>();
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-
-  return delegated;
-});
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
-</script>
-
-<template>
-  <DropdownMenuRadioItem
-    v-bind="forwarded"
-    :class="
-      cn(
-        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-        props.class,
-      )
-    "
-  >
-    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuItemIndicator>
-        <DotFilledIcon class="h-4 w-4 fill-current" />
-      </DropdownMenuItemIndicator>
-    </span>
-    <slot />
-  </DropdownMenuRadioItem>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue
deleted file mode 100644
index def12f7..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import { DropdownMenuSeparator, type DropdownMenuSeparatorProps } from "radix-vue";
-import { cn } from "@/lib/utils";
-
-const props = defineProps<
-  DropdownMenuSeparatorProps & {
-    class?: HTMLAttributes["class"];
-  }
->();
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-
-  return delegated;
-});
-</script>
-
-<template>
-  <DropdownMenuSeparator
-    v-bind="delegatedProps"
-    :class="cn('-mx-1 my-1 h-px bg-muted', props.class)"
-  />
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue
deleted file mode 100644
index 3345db3..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
-
-const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
-</script>
-
-<template>
-  <span :class="cn('ml-auto text-xs tracking-widest opacity-60', props.class)">
-    <slot />
-  </span>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSub.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSub.vue
deleted file mode 100644
index 48564bb..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSub.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import {
-  DropdownMenuSub,
-  type DropdownMenuSubEmits,
-  type DropdownMenuSubProps,
-  useForwardPropsEmits,
-} from "radix-vue";
-
-const props = defineProps<DropdownMenuSubProps>();
-const emits = defineEmits<DropdownMenuSubEmits>();
-
-const forwarded = useForwardPropsEmits(props, emits);
-</script>
-
-<template>
-  <DropdownMenuSub v-bind="forwarded">
-    <slot />
-  </DropdownMenuSub>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
deleted file mode 100644
index c6e37ef..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import {
-  DropdownMenuSubContent,
-  type DropdownMenuSubContentEmits,
-  type DropdownMenuSubContentProps,
-  useForwardPropsEmits,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
-
-const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }>();
-const emits = defineEmits<DropdownMenuSubContentEmits>();
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-
-  return delegated;
-});
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
-</script>
-
-<template>
-  <DropdownMenuSubContent
-    v-bind="forwarded"
-    :class="
-      cn(
-        'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-        props.class,
-      )
-    "
-  >
-    <slot />
-  </DropdownMenuSubContent>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
deleted file mode 100644
index 07481ca..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from "vue";
-import {
-  DropdownMenuSubTrigger,
-  type DropdownMenuSubTriggerProps,
-  useForwardProps,
-} from "radix-vue";
-import { ChevronRightIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
-
-const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes["class"] }>();
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-
-  return delegated;
-});
-
-const forwardedProps = useForwardProps(delegatedProps);
-</script>
-
-<template>
-  <DropdownMenuSubTrigger
-    v-bind="forwardedProps"
-    :class="
-      cn(
-        'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
-        props.class,
-      )
-    "
-  >
-    <slot />
-    <ChevronRightIcon class="ml-auto h-4 w-4" />
-  </DropdownMenuSubTrigger>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue
deleted file mode 100644
index f0709e5..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script setup lang="ts">
-import { DropdownMenuTrigger, type DropdownMenuTriggerProps, useForwardProps } from "radix-vue";
-
-const props = defineProps<DropdownMenuTriggerProps>();
-
-const forwardedProps = useForwardProps(props);
-</script>
-
-<template>
-  <DropdownMenuTrigger class="outline-none" v-bind="forwardedProps">
-    <slot />
-  </DropdownMenuTrigger>
-</template>
diff --git a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/index.ts b/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/index.ts
deleted file mode 100644
index 84f7c3a..0000000
--- a/extension-templates/jarvis-ext-vue/src/components/ui/dropdown-menu/index.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export { DropdownMenuPortal } from "radix-vue";
-
-export { default as DropdownMenu } from "./DropdownMenu.vue";
-export { default as DropdownMenuTrigger } from "./DropdownMenuTrigger.vue";
-export { default as DropdownMenuContent } from "./DropdownMenuContent.vue";
-export { default as DropdownMenuGroup } from "./DropdownMenuGroup.vue";
-export { default as DropdownMenuRadioGroup } from "./DropdownMenuRadioGroup.vue";
-export { default as DropdownMenuItem } from "./DropdownMenuItem.vue";
-export { default as DropdownMenuCheckboxItem } from "./DropdownMenuCheckboxItem.vue";
-export { default as DropdownMenuRadioItem } from "./DropdownMenuRadioItem.vue";
-export { default as DropdownMenuShortcut } from "./DropdownMenuShortcut.vue";
-export { default as DropdownMenuSeparator } from "./DropdownMenuSeparator.vue";
-export { default as DropdownMenuLabel } from "./DropdownMenuLabel.vue";
-export { default as DropdownMenuSub } from "./DropdownMenuSub.vue";
-export { default as DropdownMenuSubTrigger } from "./DropdownMenuSubTrigger.vue";
-export { default as DropdownMenuSubContent } from "./DropdownMenuSubContent.vue";
diff --git a/extensions/download-youtube/src/components/mode-toggle.vue b/extensions/download-youtube/src/components/mode-toggle.vue
deleted file mode 100644
index 26946a7..0000000
--- a/extensions/download-youtube/src/components/mode-toggle.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup lang="ts">
-import { useColorMode } from "@vueuse/core";
-import { Icon } from "@iconify/vue";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-
-const mode = useColorMode();
-</script>
-
-<template>
-  <DropdownMenu>
-    <DropdownMenuTrigger as-child>
-      <Button variant="outline">
-        <Icon
-          icon="radix-icons:moon"
-          class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
-        />
-        <Icon
-          icon="radix-icons:sun"
-          class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
-        />
-        <span class="sr-only">Toggle theme</span>
-      </Button>
-    </DropdownMenuTrigger>
-    <DropdownMenuContent align="end">
-      <DropdownMenuItem @click="mode = 'light'"> Light </DropdownMenuItem>
-      <DropdownMenuItem @click="mode = 'dark'"> Dark </DropdownMenuItem>
-      <DropdownMenuItem @click="mode = 'auto'"> System </DropdownMenuItem>
-    </DropdownMenuContent>
-  </DropdownMenu>
-</template>