fix: error on pill variables item copy to clipboard

apps/shelve/app/components/form/Group.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { PropType } from 'vue'
-
 type GroupProps = {
   label?: string
   required?: boolean

apps/shelve/app/components/project/CreateVariables.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { Variable } from '@shelve/types'
-import type { PropType } from 'vue'
 
 type CreateVariablesProps = {
   refresh: () => Promise<void>
@@ -32,17 +31,17 @@ const items = [
     {
       label: 'For production',
       icon: 'lucide:clipboard',
-      onSelect: () => copyEnv(variables!, 'production')
+      onSelect: () => copyEnv(variables, 'production')
     },
     {
       label: 'For preview',
       icon: 'lucide:clipboard',
-      onSelect: () => copyEnv(variables!, 'preview')
+      onSelect: () => copyEnv(variables, 'preview')
     },
     {
       label: 'For development',
       icon: 'lucide:clipboard',
-      onSelect: () => copyEnv(variables!, 'development')
+      onSelect: () => copyEnv(variables, 'development')
     }
   ],
   [
@@ -55,17 +54,17 @@ const items = [
     {
       label: 'For production',
       icon: 'lucide:download',
-      onSelect: () => downloadEnv(variables!, 'production')
+      onSelect: () => downloadEnv(variables, 'production')
     },
     {
       label: 'For preview',
       icon: 'lucide:download',
-      onSelect: () => downloadEnv(variables!, 'preview')
+      onSelect: () => downloadEnv(variables, 'preview')
     },
     {
       label: 'For development',
       icon: 'lucide:download',
-      onSelect: () => downloadEnv(variables!, 'development')
+      onSelect: () => downloadEnv(variables, 'development')
     }
   ],
 ]

apps/shelve/app/components/project/MainSection.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Project } from '@shelve/types'
-import type { PropType, Ref } from 'vue'
+import type { Ref } from 'vue'
 
 type ProjectProps = {
   project: Project

apps/shelve/app/components/project/VariableItem.vue

@@ -1,28 +1,15 @@
 <script setup lang="ts">
 import type { Variable } from '@shelve/types'
-import type { PropType } from 'vue'
 
-const { refresh, variable, projectId } = defineProps({
-  refresh: {
-    type: Function,
-    required: true,
-  },
-  variables: {
-    type: Array as PropType<Variable[]>,
-  },
-  variable: {
-    type: Object as PropType<Variable>,
-    required: true
-  },
-  projectId: {
-    type: String,
-    required: true,
-  },
-  isSelected: {
-    type: Boolean,
-    required: true
-  }
-})
+type ProjectVariableProps = {
+  refresh: () => Promise<void>
+  variables: Variable[]
+  variable: Variable
+  projectId: string
+  isSelected: boolean
+}
+
+const { refresh, variable, projectId } = defineProps<ProjectVariableProps>()
 
 const {
   updateLoading,

apps/shelve/app/components/team/Member.vue

@@ -1,13 +1,11 @@
 <script setup lang="ts">
 import type { Member } from '@shelve/types'
-import type { PropType } from 'vue'
 
-defineProps({
-  member: {
-    type: Object as PropType<Member>,
-    required: true
-  }
-})
+type TeamMemberProps = {
+  member: Member
+}
+
+defineProps<TeamMemberProps>()
 </script>
 
 <template>

apps/shelve/app/utils/env.ts

@@ -1,9 +1,14 @@
 import type { Variable } from '@shelve/types'
 
-export function copyEnv(variables: Variable[], env: 'production' | 'preview' | 'development') {
+export function copyEnv(variables: Variable[], env?: 'production' | 'preview' | 'development') {
   if (variables.length === 0) return
-  const envVariables = variables.filter((variable) => variable.environment.includes(env))
-  const envString = envVariables.map((variable) => `${variable.key}=${variable.value}`).join('\n')
+  if (env) {
+    const envVariables = variables.filter((variable) => variable.environment.includes(env))
+    const envString = envVariables.map((variable) => `${ variable.key }=${ variable.value }`).join('\n')
+    copyToClipboard(envString, 'Copied to clipboard')
+    return
+  }
+  const envString = variables.map((variable) => `${ variable.key }=${ variable.value }`).join('\n')
   copyToClipboard(envString, 'Copied to clipboard')
 }