Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Missing "dir" Prop in Carousel Component After Nuxt UI v3.0.1 Update #3705

Open
pouyantabrizi opened this issue Mar 27, 2025 · 5 comments
Open

Missing "dir" Prop in Carousel Component After Nuxt UI v3.0.1 Update #3705

pouyantabrizi opened this issue Mar 27, 2025 · 5 comments
Labels
bug Something isn't working triage v3 #1289

Comments

@pouyantabrizi
Copy link

Environment

  • Nuxt Vesrion: '3.15.1'
  • Nuxt/ui Version: '3.0.1'

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.15.1

Reproduction

#2251

Description

This issue was previously addressed and fixed in PR #2251. However, after upgrading to Nuxt UI v3.0.1, the dir prop no longer exists, making it impossible to switch the direction of the Carousel.

Additional context

No response

Logs


      		
    

      
  





        

            


            

              
            

        

      


      
    








      

    



      

  
            

    

      
    

    


      

          @pouyantabrizi
pouyantabrizi




            added
      

  bug

  Something isn't working

      

  triage


      

  v3

  #1289

  labels


      Mar 27, 2025

    

  








      

  
      



  

  @benjamincanac

    
      Volta.net
    




  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      

  
  Member


      

  


  

    

      

      
            benjamincanac
  

      

      

      commented


        Mar 27, 2025


      
  •

  

    
      

        
          edited
          
        
        
      

    
    
      
        
      Loading

      
    
  



    


  





      


        


  
    

      
          
Did you pass the dir prop to the UApp component or use the right locale? https://ui.nuxt.com/getting-started/i18n/nuxt#dynamic-direction

      		
    

  





        


            

            

              
            

        

      


      

            
  

    
  
    
    

  

  



    












      

  
      



  

  @pouyantabrizi





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      



      

  Author


  


  

    

      

      
            pouyantabrizi
  

      

      

      commented


        Mar 27, 2025


      
  •

  

    
      

        
          edited
          
        
        
      

    
    
      
        
      Loading

      
    
  



    


  





      


        


  
    

      
          
My components:


UApp in app.vue:


<UApp :locale="fa_ir">
    <NuxtLoadingIndicator />
    <NuxtLayout>
        <NuxtPage />
    </NuxtLayout>
</UApp>





Did you pass the dir prop to the UApp component or use the right locale? https://ui.nuxt.com/getting-started/i18n/nuxt#dynamic-direction



      		
    

  





        


            

            

              
            

        

      


      

            
  

    
  
    
    

  

  



    












      

  
      



  

  @benjamincanac

    
      Volta.net
    




  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      

  
  Member


      

  


  

    

  





      


        


  
    

      
          
@malik-jouda any hints on this?

      		
    

  





        


            

            

              
            

        

      


      

            
  

    
  
    
    

  

  



    












      

  
      



  

  @malik-jouda





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      

  
    Contributor


      

  


  

    

  





      


        


  
    

      
          
@pouyantabrizi


https://ui.nuxt.com/getting-started/i18n/nuxt#dynamic-direction


OR


<Html dir="rtl">
  <UApp :locale="fa_ir">
    <NuxtLoadingIndicator />
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </UApp>
</Html>


      		
    

  





        


            

            

              
            

        

      


      

            
  

    
  
    
    

  

  



    












      

  
      



  

  @pouyantabrizi





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      



      

  Author


  


  

    

  





      


        


  
    

      
          


@pouyantabrizi


https://ui.nuxt.com/getting-started/i18n/nuxt#dynamic-direction


OR


<Html dir="rtl">
  <UApp :locale="fa_ir">
    <NuxtLoadingIndicator />
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </UApp>
</Html>





I did this too, but the left arrow points to the right and the right arrow points to the left, and the arrows don't work.

      		
    

  





        


            

            

              
            

        

      


      

            
  

    
  
    
    

  

  



    
















  
  

    

      

  





  




  
  

              

  
    Sign up for free
    to join this conversation on GitHub.
    Already have an account?
    Sign in to comment


  



  






  
                  




    

  


      
  

    Assignees
  



        

    No one assigned







      


  


  

    Labels
  



    

      

    bug

  Something isn't working
  

    triage

  

    v3

  #1289








      

  

    

        

    Projects
  


        




    None yet




  



      


  

    
  

    Milestone
  


      No milestone





    
      
          


  

    

      
        

          
    

    Development
  




            
    
No branches or pull requests







      
    

  




      

    

  
      

  

    

      3 participants
    

    

        
          @benjamincanac 
        
          @pouyantabrizi 
        
          @malik-jouda