vueless 0.0.43 → 0.0.45

package/index.js

@@ -0,0 +1,16 @@
+import { createLocale, LocaleSymbol } from "./composable.locale";
+
+export { default as createVueI18nAdapter } from "./adatper.locale/vue-i18n";
+export { default as defaultEnLocale } from "./adatper.locale/locales/en";
+
+export function createVueless(options = {}) {
+  const locale = createLocale(options.locale);
+
+  const install = (app) => {
+    app.provide(LocaleSymbol, locale);
+  };
+
+  return {
+    install,
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",
@@ -21,19 +21,19 @@
     "sb:dev": "storybook dev -p 6006 --docs --no-open",
     "sb:build": "STORYBOOK_VUELESS_ENV=1 storybook build --docs",
     "sb:preview": "vite preview --host --outDir=storybook-static",
-    "vueless:prepare": "node src/gen.web-types && rm -rf dist && mkdir -p dist && cp -r src/* package.json LICENSE web-types.json README.md dist/ && rm -rf dist/assets && node dist.prepare"
+    "package:prepare": "node src/gen.web-types && rm -rf dist && mkdir -p dist && cp -r src/. package.json LICENSE web-types.json README.md dist/ && rm -rf dist/assets && node dist.prepare"
   },
   "dependencies": {
     "@kyvg/vue3-notification": "^3.2.1",
-    "@material-symbols/svg-500": "^0.14.3",
-    "@tailwindcss/forms": "^0.5.4",
-    "@uppy/core": "^3.3.1",
-    "@uppy/drag-drop": "^3.0.2",
-    "@uppy/vue": "^1.0.2",
+    "@material-symbols/svg-500": "^0.17.3",
+    "@tailwindcss/forms": "^0.5.7",
+    "@uppy/core": "^3.10.1",
+    "@uppy/drag-drop": "^3.1.0",
+    "@uppy/vue": "^1.1.2",
     "cva": "^1.0.0-beta.1",
     "lodash-es": "^4.17.21",
-    "tailwind-merge": "^2.1.0",
-    "tailwindcss": "^3.3.3",
+    "tailwind-merge": "^2.3.0",
+    "tailwindcss": "^3.4.3",
     "vue-tippy": "^6.0.0-beta.0",
     "vuedraggable": "^4.1.0",
     "vuex": "^4.1.0"
@@ -41,7 +41,6 @@
   "devDependencies": {
     "@release-it/bumper": "^6.0.1",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/compiler-sfc": "^3.4.19",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vueless/plugin-vite": "^0.0.1",
     "@vueless/storybook": "^0.0.8",
@@ -49,22 +48,22 @@
     "cssnano": "^6.1.2",
     "eslint": "^8.55.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-storybook": "^0.8.0",
-    "eslint-plugin-tailwindcss": "^3.14.0",
-    "eslint-plugin-vue": "^9.19.2",
+    "eslint-plugin-tailwindcss": "^3.15.1",
+    "eslint-plugin-vue": "^9.25.0",
     "globby": "^13.2.2",
-    "postcss": "^8.4.7",
-    "prettier": "^3.1.0",
+    "postcss": "^8.4.38",
+    "prettier": "^3.2.5",
     "prettier-eslint": "^16.3.0",
-    "release-it": "^17.2.0",
+    "release-it": "^17.2.1",
     "vite": "^5.2.10",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-eslint": "^1.8.1",
-    "vue": "^3.4.19"
+    "vue": "^3.4.25"
   },
   "resolutions": {
-    "jackspeak": "2.1.1"
+    "jackspeak": "2.3.6"
   },
   "repository": {
     "type": "git",

package/ui.data-table/index.stories.js

@@ -31,7 +31,7 @@ export default {
       { key: "key_4", label: "title 4" },
     ],
     itemsRow: {
-      id: getRandomId(),
+      id: "",
       isChecked: false,
       key_1: {
         primaryRow: "primaryRow",
@@ -49,6 +49,10 @@ export default {
         primaryRow: "primaryRow",
         secondaryRow: "secondaryRow",
       },
+      date: {
+        primaryRow: 1709046013,
+        separatorDate: new Date(1709046013 * 1000).toString(),
+      },
     },
     numberOfRow: 5,
   },
@@ -70,15 +74,28 @@ const DefaultTemplate = (args) => ({
   `,
   computed: {
     itemsData() {
-      const rows = [];
+      let rows = [];
 
       for (let i = 0; i < args.numberOfRow; i++) rows.push(args.itemsRow);
+      rows = rows.map((item) => (item.id = getRandomId()));
 
       return rows;
     },
   },
 });
 
+const EmptyTemplate = (args) => ({
+  components: { UTable },
+  setup() {
+    const slots = getSlotNames(UTable.name);
+
+    return { args, slots };
+  },
+  template: `
+    <UTable v-bind="args" :rows="[]" />
+  `,
+});
+
 const SlotTemplate = (args) => ({
   components: { UTable, UButton, UTableCell, ULink, UMoney, UBadge },
   setup() {
@@ -154,13 +171,22 @@ defaultCells.args = {
   `,
 };
 
+export const Empty = EmptyTemplate.bind({});
+Empty.args = {};
+
+export const Filters = EmptyTemplate.bind({});
+Empty.args = { filters: true };
+
+export const Resource = DefaultTemplate.bind({});
+Resource.args = { resource: "/7010--resource" };
+
 export const selectable = DefaultTemplate.bind({});
 selectable.args = { selectable: true };
 
 // TODO: Don't work fixed footer. Find how to fix it.
 export const fixedFooter = SlotTemplate.bind({});
 fixedFooter.args = {
-  fixedFooter: true,
+  stickyFooter: true,
   selectable: true,
   slotTemplate: `
     <template #tfoot>
@@ -180,6 +206,21 @@ stickyHeader.args = { stickyHeader: true };
 export const compact = DefaultTemplate.bind({});
 compact.args = { compact: true };
 
+export const DateDivider = DefaultTemplate.bind({});
+DateDivider.args = {
+  dateDivider: true,
+};
+
+export const DateDividerCustomLabel = DefaultTemplate.bind({});
+DateDivider.args = {
+  dateDivider: [
+    {
+      date: new Date(1709046013 * 1000).toString(),
+      label: "Label for this date",
+    },
+  ],
+};
+
 export const slotDefault = SlotTemplate.bind({});
 slotDefault.args = {
   slotTemplate: `

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "contributions": {
     "html": {
       "description-markup": "markdown",