ui-thing 0.0.17 → 0.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-thing",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "description": "CLI used to add Nuxt 3 components to a project",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -61,12 +61,12 @@
     "@types/figlet": "^1.5.8",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash": "^4.14.202",
-    "@types/node": "^20.10.1",
+    "@types/node": "^20.10.4",
     "@types/prompts": "^2.4.9",
-    "@vitest/coverage-v8": "^0.34.6",
+    "@vitest/coverage-v8": "^1.0.4",
     "magicast": "^0.3.2",
     "tsup": "^8.0.1",
-    "typescript": "^5.3.2",
-    "vitest": "^0.34.6"
+    "typescript": "^5.3.3",
+    "vitest": "^1.0.4"
   }
 }

package/src/comps.ts

@@ -2107,7 +2107,7 @@ export default [
         fileName: "Toast/Viewport.vue",
         dirPath: "components/UI",
         fileContent:
-          '<template>\r\n  <ToastViewport :class="styles({ class: props.class })" v-bind="reactiveOmit(props, \'class\')">\r\n    <slot></slot>\r\n  </ToastViewport>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n  import { ToastViewport } from "radix-vue";\r\n  import type { ToastViewportProps } from "radix-vue";\r\n\r\n  const props = defineProps<\r\n    ToastViewportProps & {\r\n      /**\r\n       * Custom class names to add to the button.\r\n       */\r\n      class?: any;\r\n    }\r\n  >();\r\n\r\n  const styles = tv({\r\n    base: "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse gap-4 p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring  sm:bottom-auto sm:right-0 sm:flex-col md:max-w-[420px]",\r\n  });\r\n</script>\r\n',
+          '<template>\r\n  <ToastViewport :class="styles({ class: props.class })" v-bind="reactiveOmit(props, \'class\')">\r\n    <slot></slot>\r\n  </ToastViewport>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n  import { ToastViewport } from "radix-vue";\r\n  import type { ToastViewportProps } from "radix-vue";\r\n\r\n  const props = defineProps<\r\n    ToastViewportProps & {\r\n      /**\r\n       * Custom class names to add to the button.\r\n       */\r\n      class?: any;\r\n    }\r\n  >();\r\n\r\n  const styles = tv({\r\n    base: "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse gap-2 p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring  sm:bottom-auto sm:right-0 sm:flex-col md:max-w-[420px]",\r\n  });\r\n</script>\r\n\r\n<style>\r\n  [aria-label~="Notifications"] {\r\n    display: grid;\r\n  }\r\n</style>\r\n',
       },
     ],
     utils: [],

package/src/utils/uiConfigPrompt.ts

@@ -1,73 +1,73 @@
-import kleur from "kleur";
-import prompts from "prompts";
-
-import { CSS_THEME_OPTIONS } from "./constants";
-
-export const initPrompts = async () => {
-  const response = await prompts([
-    {
-      name: "theme",
-      type: "autocomplete",
-      message: "Which theme do you want to start with?",
-      choices: CSS_THEME_OPTIONS,
-    },
-    {
-      name: "tailwindCSSLocation",
-      type: "text",
-      message: "Where is your tailwind.css file located?",
-      initial: "assets/css/tailwind.css",
-    },
-    {
-      name: "tailwindConfigLocation",
-      type: "text",
-      message: "Where is your tailwind.config file located?",
-      initial: "tailwind.config.js",
-    },
-    {
-      name: "componentsLocation",
-      type: "text",
-      message: "Where should your components be stored?",
-      initial: "components/UI",
-    },
-    {
-      name: "composablesLocation",
-      type: "text",
-      message: "Where should your composables be stored?",
-      initial: "composables",
-    },
-    {
-      name: "utilsLocation",
-      type: "text",
-      message: "Where should your utils be stored?",
-      initial: "utils",
-    },
-    {
-      name: "force",
-      type: "confirm",
-      message: "Should we just replace component files if they already exist?",
-      initial: true,
-    },
-    {
-      name: "useDefaultFilename",
-      type: "confirm",
-      message: "Would you like to use the default filename when adding components?",
-      initial: true,
-    },
-    {
-      name: "packageManager",
-      type: "select",
-      message: "Which package manager do you use?",
-      choices: [
-        { title: "NPM", value: "npm" },
-        { title: "Yarn", value: "yarn" },
-        { title: "PNPM", value: "pnpm" },
-        { title: "Bun", value: "bun" },
-      ],
-    },
-  ]);
-  if (!response || Object.keys(response).length < 9) {
-    console.log(kleur.red("Incomplete configuration submitted. Exiting..."));
-    return process.exit(0);
-  }
-  return response;
-};
+import kleur from "kleur";
+import prompts from "prompts";
+
+import { CSS_THEME_OPTIONS } from "./constants";
+
+export const initPrompts = async () => {
+  const response = await prompts([
+    {
+      name: "theme",
+      type: "autocomplete",
+      message: "Which theme do you want to start with?",
+      choices: CSS_THEME_OPTIONS,
+    },
+    {
+      name: "tailwindCSSLocation",
+      type: "text",
+      message: "Where is your tailwind.css file located?",
+      initial: "assets/css/tailwind.css",
+    },
+    {
+      name: "tailwindConfigLocation",
+      type: "text",
+      message: "Where is your tailwind.config file located?",
+      initial: "tailwind.config.js",
+    },
+    {
+      name: "componentsLocation",
+      type: "text",
+      message: "Where should your components be stored?",
+      initial: "components/Ui",
+    },
+    {
+      name: "composablesLocation",
+      type: "text",
+      message: "Where should your composables be stored?",
+      initial: "composables",
+    },
+    {
+      name: "utilsLocation",
+      type: "text",
+      message: "Where should your utils be stored?",
+      initial: "utils",
+    },
+    {
+      name: "force",
+      type: "confirm",
+      message: "Should we just replace component files if they already exist?",
+      initial: true,
+    },
+    {
+      name: "useDefaultFilename",
+      type: "confirm",
+      message: "Would you like to use the default filename when adding components?",
+      initial: true,
+    },
+    {
+      name: "packageManager",
+      type: "select",
+      message: "Which package manager do you use?",
+      choices: [
+        { title: "NPM", value: "npm" },
+        { title: "Yarn", value: "yarn" },
+        { title: "PNPM", value: "pnpm" },
+        { title: "Bun", value: "bun" },
+      ],
+    },
+  ]);
+  if (!response || Object.keys(response).length < 9) {
+    console.log(kleur.red("Incomplete configuration submitted. Exiting..."));
+    return process.exit(0);
+  }
+  return response;
+};