vueless 0.0.796 → 0.0.798

package/bin/commands/init.js

@@ -6,7 +6,7 @@ import { existsSync } from "node:fs";
 import { writeFile, rename } from "node:fs/promises";
 import { styleText } from "node:util";
 
-import { DEFAULT_VUELESS_CONFIG_CONTNET } from "../constants.js";
+import { DEFAULT_VUELESS_CONFIG_CONTENT } from "../constants.js";
 import { JAVASCRIPT_EXT, TYPESCRIPT_EXT, VUELESS_CONFIG_FILE_NAME } from "../../constants.js";
 
 const vuelessInitOptions = ["--ts", "--js"];
@@ -40,7 +40,7 @@ export async function vuelessInit(options) {
     console.warn(warnMessage);
   }
 
-  await writeFile(formattedDestPath, DEFAULT_VUELESS_CONFIG_CONTNET, "utf-8");
+  await writeFile(formattedDestPath, DEFAULT_VUELESS_CONFIG_CONTENT, "utf-8");
 
   const successMessage = styleText(
     "green",

package/bin/constants.js

@@ -1,31 +1,32 @@
 export const SRC_COMPONENTS_PATH = "/src/components";
 export const COMPONENTS_PATH = "/components";
-export const DEFAULT_VUELESS_CONFIG_CONTNET = `
+export const DEFAULT_VUELESS_CONFIG_CONTENT = `
 export default {
   /**
-    * Global settings.
-    */
+   * Global settings.
+   */
   strategy: "merge",
   brand: "grayscale",
   gray: "cool",
-  darkMode: "auto",
   outline: 2,
   rounding: 8,
+  colorMode: "auto",
+  baseClasses: ``,
 
   /**
-    * Directive settings.
-    */
+   * Directive settings.
+   */
   directives: {},
 
   /**
-    * Component settings.
-    */
+   * Component settings.
+   */
   components: /*tw*/ {},
 
   /**
-    * Tailwind CSS theme config.
-    * https://tailwindcss.com/docs/theme
-    */
+   * Tailwind CSS theme config.
+   * https://tailwindcss.com/docs/theme
+   */
   tailwindTheme: {
     extend: {
       colors: {},
@@ -33,10 +34,10 @@ export default {
   },
 
   /**
-    * Custom classes TailwindMerge settings.
-    * All lists of rules available here:
-    * https://github.com/dcastil/tailwind-merge/blob/v2.3.0/src/lib/default-config.ts
-    */
+   * Custom classes TailwindMerge settings.
+   * All lists of rules available here:
+   * https://github.com/dcastil/tailwind-merge/blob/v2.3.0/src/lib/default-config.ts
+   */
   tailwindMerge: {},
 };
 `;

package/index.ts

@@ -9,7 +9,7 @@ import type { CreateVuelessOptions } from "./types.ts"
 
 export { setTheme } from "./utils/theme.ts";
 export { cx, cva, compose, getDefaults } from "./utils/ui.ts";
-export { getArgTypes, getSlotNames, getSlotsFragment, getSource } from "./utils/storybook.ts";
+export { getArgTypes, getSlotNames, getSlotsFragment, getSource, getDocsDescription } from "./utils/storybook.ts";
 export { isSSR, isCSR, getRandomId, setTitle, createDebounce, hasSlotContent } from "./utils/helper.ts";
 export { isMac, isPWA, isIOS, isAndroid, isMobileApp, isWindows } from "./utils/platform.ts";
 export { default as createVueI18nAdapter } from "./adatper.locale/vue-i18n.ts";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.796",
+  "version": "0.0.798",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/utils/storybook.ts

@@ -61,27 +61,6 @@ export function getSlotNames(componentName: string | undefined) {
   return getComponentData(componentName as ComponentNames)?.slots?.map((item) => item.name);
 }
 
-/**
- * Create story param config to show component description with a link on GitHub.
- */
-export function getDocsDescription(componentName: string | undefined) {
-  if (!componentName) {
-    return {};
-  }
-
-  let viewOnGitHub = "";
-
-  if (COMPONENTS[componentName as ComponentNames]) {
-    viewOnGitHub = `| <a href="https://github.com/vuelessjs/vueless/tree/main/src/${COMPONENTS[componentName as ComponentNames]}" target="_blank">View on GitHub</a>`;
-  }
-
-  return {
-    description: {
-      component: `The \`${componentName}\` component. ${viewOnGitHub}`,
-    },
-  };
-}
-
 export function getArgTypes(componentName: string | undefined) {
   if (!componentName) return;
 
@@ -324,3 +303,24 @@ export function getSlotsFragment(defaultTemplate: string) {
   </template>
 `;
 }
+
+/**
+ * Create story param config to show component description with a link on GitHub.
+ */
+export function getDocsDescription(componentName: string | undefined) {
+  if (!componentName) {
+    return {};
+  }
+
+  let viewOnGitHub = "";
+
+  if (COMPONENTS[componentName as ComponentNames]) {
+    viewOnGitHub = `| <a href="https://github.com/vuelessjs/vueless/tree/main/src/${COMPONENTS[componentName as ComponentNames]}" target="_blank">View on GitHub</a>`;
+  }
+
+  return {
+    description: {
+      component: `The \`${componentName}\` component. ${viewOnGitHub}`,
+    },
+  };
+}