vueless 0.0.322 → 0.0.324

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.322",
+  "version": "0.0.324",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/preset.tailwind/index.js

@@ -24,6 +24,20 @@ export const vuelessContent = [
   ...(isStrategyOverride ? ["!./node_modules/vueless/**/ui.*/**/configs/default.config.js"] : []),
 ];
 
+// eslint-disable-next-line no-unused-vars
+export const vuelessContentNuxt = [
+  "./composables/**/*.{js,ts}",
+  "./components/**/*.{js,vue,ts}",
+  "./layouts/**/*.vue",
+  "./pages/**/*.vue",
+  "./plugins/**/*.{js,ts}",
+  "./app.vue",
+  "./error.vue",
+  "./vueless.config.{js,ts}",
+  "./node_modules/vueless/**/*.{js,ts,vue}",
+  ...(isStrategyOverride ? ["!./node_modules/vueless/**/ui.*/**/configs/default.config.js"] : []),
+];
+
 /**
  * Generates preset for TailwindCSS base on Vueless config.
  * @returns {Object}

package/ui.dropdown-list/composables/attrs.composable.js

@@ -44,15 +44,8 @@ export default function useAttrs(props) {
     }
   }
 
-  const optionAttrs = (classes = []) => {
-    const mergedClasses = cx([optionClasses.value, ...classes]);
-
-    return getAttrs("option", { classes: mergedClasses }).value;
-  };
-
   return {
     ...attrs,
-    optionAttrs,
     optionClasses,
     hasSlotContent,
     config,

package/ui.dropdown-list/index.vue

@@ -21,7 +21,8 @@
         <!-- option title -->
         <span
           v-if="!(option && (option.groupLabel || option.isSubGroup)) && !option.isHidden"
-          v-bind="optionAttrs(optionHighlight(index, option))"
+          v-bind="optionAttrs"
+          :class="optionHighlight(index, option)"
           @click="select(option)"
           @mouseenter.self="pointerSet(index)"
         >

package/ui.form-select/index.stories.js

@@ -102,6 +102,13 @@ const GroupValuesTemplate = (args) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
+export const LargeItemList = DefaultTemplate.bind({});
+LargeItemList.args = {
+  options: [...new Array(1000)].map((_, index) => {
+    return { id: index + 1, label: `value ${index + 1}`, badge: "badge" };
+  }),
+};
+
 export const Multiple = DefaultTemplate.bind({});
 Multiple.args = { multiple: true, modelValue: [] };
 

package/ui.form-select/index.vue

@@ -684,6 +684,10 @@ const filteredOptions = computed(() => {
       )
     : [...props.options];
 
+  if (!normalizedSearch) {
+    return options.slice(0, props.optionsLimit || options.length);
+  }
+
   options = props.groupValueKey
     ? filterAndFlat(options, normalizedSearch, props.labelKey)
     : SelectService.filterOptions(options, normalizedSearch, props.labelKey);

package/web-types.json

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