Hi,

tom-select is well componet, but i cant change value progmatic in ajax loaded options. Foк example, i loaded options from url, and self via code want change value throw click button.

when i change v-model variable does not give a result, the selected item in the list does not change. Can you help me my code? how change value, how reach out to the event .setValue(value) of TomSelect? via ref?

<TomSelect
    id="project" 
    v-model="formTS.project" 
    :options="{
      maxItems: 1,
      placeholder: 'начните писать, выберите из списка или добавьте новый',
      plugins: {
        remove_button: {'title': 'Очистить'},
        restore_on_backspace: {},
      },
      create: true,
      labelField: 'title',
      valueField: 'company_id',
      searchField: 'title',
      loadThrottle: 500,
      preload: true,
      render: {
        option: (item, escape) => {
          return ` ${escape(item.title)} `
        },
        item: (item, escape) => {
          return ` ${escape(item.title)} `
        },
        option_create: (data, escape) => {
          return ` добавить новую компанию: ${escape(data.input)} `;
        },
        no_results: () => {
          return ` нет результатов `
        },
      },
      load: async (query, callback) => {
        callback(await this.autocompleteCompany(query))
      },
      onChange: (value) => {
        this.log(value)
      }
    }" 
/>

Hi,

I have a dropdown with some links and a click method (logout). When clicking the links the dropdown closes but when triggering the click event the dropdown remains open (logout).

Here is the code that I have:

<DropdownItem class="dropdown-item hover:bg-white/5">
  
    Logout
  
</DropdownItem>

and the method is:

logout() { this.$inertia.delete(’/logout’) },

The above is basically a delete request using inertia. Please can you advise how to close the dropdown when using a method.

Thanks

Hi

I got error: @left4code\tw-starter\dist\css\_form-inline.css:15:5: @apply is not supported within nested at-rules like @include. You can fix this by un-nesting @include.

How to fix it?

In the side-menu, the sub-menu icons are not changing from the default ones but the main-menu are changing

Hi.I want to create a new event in the fullcalendar component. But the fullCalendar component is not refreshed. Events are of reactive type

Hi, I’m using Midone Enigma v1.0.6 and I noticed that inside the tailwind.config.js file, under theme -> extend -> colors -> rgb. You have the following definitions duplicated: slate gray neutral stone sky

Regards, Andres

Hi, do we have any chance to support Typescript in the project in the future? I did convert the project into Typescript successfully without issues thanks to your clean code structure, great theme, great source code, if you’ve already had the plan to support Typescript then that’s okay, if not, we can make some contribution. Thanks

The tom select is blank if not option is selected. Should have the placeholder text

How to enable/configure image upload? https://ibb.co/LkkBFyb

This template uses CKEditor right.

I read the ckeditor doc, I need to configure backend side and client side.

I have already configure the backend side, but how to configure in client side?

The doc said we can configure using this syntax:

ClassicEditor .create( document.querySelector( ’#editor’ ), { plugins: [ SimpleUploadAdapter, ... ], toolbar: [ ... ], simpleUpload: { // Feature configuration. } } ) .then( ... ) .catch( ... );

Where should I put that syntax?

Hi,

Is there an easy way to make the Delete Modal on http://enigma-vue.left4code.com/modal a reusable component? I can only get the modal to work within the main page.

Additionally I have implemented a table from here http://enigma-vue.left4code.com/dashboard-overview-2 at the bottom of the page, but how can I pass the id to the delete modal?

Thanks

Would you kindly send me the sample code/project for the laravel-vite, vue3 integrations, that I’ve seen others asking in the comments? Great template and thank you for the constant updates too! Email: work.nyerslaszlo@gmail.com Thank you!

hi dev, do you guys invest time on windicss to reduce the size of your project?

Do you have a typescript version of this template? At least the starter? If you have a typescript version of react, I will buy that too.

I am panicking because I just bought the Midone package for Laravel, and I’m thinking it might not be compatible with Tailwind/Blade. Did I make a mistake?

Hello! Can you send me an email with a Laravel+Vue3 integrate tutorial? Thanks in advance.

hi,

(19:9) C:\laragon\www\sicok-varejo\resources\css\components\_login.css @apply is not supported within nested at-rules like @include. You can fix this by un-nesting @include. > 19 | @apply min-w-full; | ^ 20 | } 21 | }

at processResult (C:\laragon\www\sicok-varejo\node_modules\webpack\lib\NormalModule.js:758:19)
at C:\laragon\www\sicok-varejo\node_modules\webpack\lib\NormalModule.js:860:5
at C:\laragon\www\sicok-varejo\node_modules\loader-runner\lib\LoaderRunner.js:400:11
at C:\laragon\www\sicok-varejo\node_modules\loader-runner\lib\LoaderRunner.js:252:18
at context.callback (C:\laragon\www\sicok-varejo\node_modules\loader-runner\lib\LoaderRunner.js:124:13)
at Object.loader (C:\laragon\www\sicok-varejo\node_modules\postcss-loader\dist\index.js:140:7)

1 ERROR in child compilations (Use ‘stats.children: true’ resp. ‘—stats-children’ for more details) webpack compiled with 2 errors

In your template, if I scroll the right side(Main section) then why does the left side(Menu) also get scrolled. It should be fixed and at the menu, there should have a separate scroll if the content gets overflows. If you solve it will be helpful. I am waiting for this. And color change should be in a icon and if click on it then it should open.

How can I use the remote data fetch feature of the tom select component?

Hi there,

I bought the template, started reviewing it, and something strange (for me) came to me. In many places, a package called “dom” is imported into the code, which is your development. I had never seen anything like it before in vue project, it felt like I was using jquery in vue, weird feeling. Can you explain to me why this “dom” is there? Why is it not solved with the possibilities provided by vue?

Anyway, I really like it, well organized and beautiful. Have a great day.

Thank you!

Hi, can you please confirm what is difference between Source and Source (starter) folder?