# How is the search term go to a card is CSVL?

Step 1: All CTs have a file for e.g. rec/searchInterfaces.vue

Step 2: vl-search-box/index.vue inclues rec/searchInterfaces.vue

Step 3: searchInterfaces.vue in mounted makes an entry in this table.

Step 4: In component/vl-search-box the dropdown for search uses this table.

Step 5: User makes a selection based on autocomplete cts/vl-serach-box/index.vue:32/mfQuerySearchTerms

Step 6: Once the user selection is finalized the state of vstObjCardsInCSOfVL (Full form: vue state Object of cards in current state of view layer) is updated cts/vl-search-box/index.vue:47/mfHandleSuggestionSelectedByUser

Step 7: This activates pages/pf/_id/index.vue:30 start-component v-bind:is="card.ctToShowInCSVL" end-component

Step 8: User sees the desired HTML

# How is the search term go to a tab in CL?

The state of tabs is in CL (Change layer) is maintained in cts/cl-tabs-manager/VueStateOfTabsAndDialogInCL.js

When autocomplete is done by user in cts/vl-search-box/vuex-orm/searchUIToCT.js:mfHandleSuggestionSelectedByUser

A new object is added to VueStateOfTabsAndDialogInCL.js

# How does a click in VL become a tab in CL?

A new object is added to VueStateOfTabsAndDialogInCL.js