feat(AutoComplete): add some missing props

example/cypress/e2e/chip.cy.ts

@@ -9,8 +9,8 @@ describe('chip', () => {
     cy.contains('h2[data-cy=chips]', 'Chips');
 
     cy.get('[data-cy*=chip-0').first().as('dismissibleChip');
-    cy.get('[data-cy*=chip-6').first().as('disabledChip');
-    cy.get('[data-cy*=chip-12').first().as('inDismissibleChip');
+    cy.get('[data-cy*=chip-7').first().as('disabledChip');
+    cy.get('[data-cy*=chip-14').first().as('inDismissibleChip');
 
     cy.get('@dismissibleChip').find('button').should('not.be.disabled');
     cy.get('@dismissibleChip').find('button').trigger('click');

example/cypress/e2e/forms/autocomplete.cy.ts

@@ -7,12 +7,12 @@ describe('forms/Auto Completes', () => {
     cy.contains('h2[data-cy=auto-completes]', 'Auto Completes');
     cy.get('div[data-cy=auto-complete-0]').as('firstAutoComplete');
 
-    cy.get('@firstAutoComplete').find('[data-id="activator"]').should('be.exist');
+    cy.get('@firstAutoComplete').should('be.exist');
     cy.get('@firstAutoComplete').find('span[class*=_label_]').should('contain.text', 'Select');
 
     cy.get('div[role=menu]').should('not.exist');
 
-    cy.get('@firstAutoComplete').find('[data-id="activator"]').click();
+    cy.get('@firstAutoComplete').click();
 
     cy.get('div[role=menu]').should('be.visible');
     cy.get('div[role=menu] button:first-child').click();

example/src/views/AutoCompleteView.vue

@@ -181,19 +181,22 @@ const autoCompletePrimitive = ref<AutoCompleteProps<string>[]>([
   },
   {
     value: [],
+    chips: true,
     variant: 'outlined',
     label: 'Multiple',
     options: primitiveOptions,
   },
   {
     value: [],
+    chips: true,
     dense: true,
     variant: 'outlined',
     label: 'Multiple',
     options: primitiveOptions,
   },
   {
     value: [],
+    chips: true,
     dense: true,
     disabled: true,
     variant: 'outlined',