Merge pull request #3 from leamsigc/feature/form-transition

Add the missing  "@morev/vue-transitions"

Author: BayBreezy

src/comps.ts

@@ -2,7 +2,9 @@ export default [
   {
     name: "Accordion",
     value: "accordion",
-    instructions: ["Remember to add the accordion animations to your tailwind.config.js"],
+    instructions: [
+      "Remember to add the accordion animations to your tailwind.config.js",
+    ],
     files: [
       {
         fileName: "Accordion/Accordion.vue",
@@ -349,7 +351,9 @@ export default [
     value: "calendar",
     devDeps: ["@samk-dev/nuxt-vcalendar"],
     nuxtModules: ["@samk-dev/nuxt-vcalendar"],
-    instructions: ["You can customize the calendar by adding options to your nuxt.config.js file"],
+    instructions: [
+      "You can customize the calendar by adding options to your nuxt.config.js file",
+    ],
     files: [
       {
         fileName: "Calendar.vue",
@@ -1040,8 +1044,8 @@ export default [
   {
     name: "Form",
     value: "form",
-    deps: ["@vee-validate/nuxt"],
-    nuxtModules: ["@vee-validate/nuxt"],
+    deps: ["@vee-validate/nuxt", "@morev/vue-transitions"],
+    nuxtModules: ["@vee-validate/nuxt", "@morev/vue-transitions/nuxt"],
     composables: [
       {
         fileName: "useFormField.ts",
@@ -2230,7 +2234,9 @@ export default [
           'import type { ToastProps } from "@/components/Ui/Toast/Toast.vue";\n\nconst TOAST_LIMIT = 3;\nconst TOAST_REMOVE_DELAY = 7000;\n\nexport type StringOrVNode = string | VNode | (() => VNode);\n\ntype ToasterToast = ToastProps & {\n  id: string;\n  title?: string;\n  description?: StringOrVNode;\n  action?: Component;\n  icon?: string;\n};\n\nconst actionTypes = {\n  ADD_TOAST: "ADD_TOAST",\n  UPDATE_TOAST: "UPDATE_TOAST",\n  DISMISS_TOAST: "DISMISS_TOAST",\n  REMOVE_TOAST: "REMOVE_TOAST",\n} as const;\n\nlet count = 0;\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_VALUE;\n  return count.toString();\n}\n\ntype ActionType = typeof actionTypes;\n\ntype Action =\n  | {\n      type: ActionType["ADD_TOAST"];\n      toast: ToasterToast;\n    }\n  | {\n      type: ActionType["UPDATE_TOAST"];\n      toast: Partial<ToasterToast>;\n    }\n  | {\n      type: ActionType["DISMISS_TOAST"];\n      toastId?: ToasterToast["id"];\n    }\n  | {\n      type: ActionType["REMOVE_TOAST"];\n      toastId?: ToasterToast["id"];\n    };\n\ninterface State {\n  toasts: ToasterToast[];\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\nfunction addToRemoveQueue(toastId: string) {\n  if (toastTimeouts.has(toastId)) return;\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId);\n    dispatch({\n      type: actionTypes.REMOVE_TOAST,\n      toastId,\n    });\n  }, TOAST_REMOVE_DELAY);\n\n  toastTimeouts.set(toastId, timeout);\n}\n\nconst state = ref<State>({\n  toasts: [],\n});\n\nfunction dispatch(action: Action) {\n  switch (action.type) {\n    case actionTypes.ADD_TOAST:\n      state.value.toasts = [action.toast, ...state.value.toasts].slice(0, TOAST_LIMIT);\n      break;\n\n    case actionTypes.UPDATE_TOAST:\n      state.value.toasts = state.value.toasts.map((t) =>\n        t.id === action.toast.id ? { ...t, ...action.toast } : t\n      );\n      break;\n\n    case actionTypes.DISMISS_TOAST: {\n      const { toastId } = action;\n\n      if (toastId) {\n        addToRemoveQueue(toastId);\n      } else {\n        state.value.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id);\n        });\n      }\n\n      state.value.toasts = state.value.toasts.map((t) =>\n        t.id === toastId || toastId === undefined\n          ? {\n              ...t,\n              open: false,\n            }\n          : t\n      );\n      break;\n    }\n\n    case actionTypes.REMOVE_TOAST:\n      if (action.toastId === undefined) state.value.toasts = [];\n      else state.value.toasts = state.value.toasts.filter((t) => t.id !== action.toastId);\n\n      break;\n  }\n}\n\nfunction useToast() {\n  return {\n    toasts: computed(() => state.value.toasts),\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: actionTypes.DISMISS_TOAST, toastId }),\n  };\n}\n\ntype Toast = Omit<ToasterToast, "id">;\n\nfunction toast(props: Toast) {\n  const id = genId();\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: actionTypes.UPDATE_TOAST,\n      toast: { ...props, id },\n    });\n\n  const dismiss = () => dispatch({ type: actionTypes.DISMISS_TOAST, toastId: id });\n\n  dispatch({\n    type: actionTypes.ADD_TOAST,\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open: boolean) => {\n        if (!open) dismiss();\n      },\n    },\n  });\n\n  return {\n    id,\n    dismiss,\n    update,\n  };\n}\n\nexport { toast, useToast };\n',
       },
     ],
-    instructions: ["Remeber to add <UiToastToaster /> to your app.vue/layout file."],
+    instructions: [
+      "Remeber to add <UiToastToaster /> to your app.vue/layout file.",
+    ],
     files: [
       {
         fileName: "Toast/Action.vue",
@@ -2406,7 +2412,11 @@ export default [
   {
     name: "VeeDateField",
     value: "vee-date-field",
-    deps: ["@vee-validate/nuxt", "@morev/vue-transitions", "@internationalized/date"],
+    deps: [
+      "@vee-validate/nuxt",
+      "@morev/vue-transitions",
+      "@internationalized/date",
+    ],
     askValidator: true,
     nuxtModules: ["@vee-validate/nuxt", "@morev/vue-transitions/nuxt"],
     components: ["date-field", "label"],
@@ -2482,7 +2492,11 @@ export default [
   {
     name: "VeeMultiSelect",
     value: "vee-multi-select",
-    deps: ["@vee-validate/nuxt", "@morev/vue-transitions", "@vueform/multiselect"],
+    deps: [
+      "@vee-validate/nuxt",
+      "@morev/vue-transitions",
+      "@vueform/multiselect",
+    ],
     askValidator: true,
     nuxtModules: ["@vee-validate/nuxt", "@morev/vue-transitions/nuxt"],
     components: ["label"],
@@ -2501,7 +2515,11 @@ export default [
   {
     name: "VeeNumberField",
     value: "vee-number-field",
-    deps: ["@vee-validate/nuxt", "@morev/vue-transitions", "@internationalized/number"],
+    deps: [
+      "@vee-validate/nuxt",
+      "@morev/vue-transitions",
+      "@internationalized/number",
+    ],
     askValidator: true,
     nuxtModules: ["@vee-validate/nuxt", "@morev/vue-transitions/nuxt"],
     components: ["label", "number-field"],
@@ -2616,7 +2634,9 @@ export default [
     name: "Vue Sonner",
     value: "vue-sonner",
     deps: ["vue-sonner"],
-    instructions: ["Remember to add the <UiVueSonner /> tag to your app.vue/layout file."],
+    instructions: [
+      "Remember to add the <UiVueSonner /> tag to your app.vue/layout file.",
+    ],
     files: [
       {
         fileName: "VueSonner.client.vue",