Seekra/frontend
3
3
Fork 0
generated from Seekra/repository-template
Code Issues 7 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

refactor(search)!: rename Searchbar to SearchBar

Browse Source 
Vue.js components should have multi-word names.
This commit is contained in:
jakob.scheid
2026-08-08 16:08:59 +02:00
parent 10c3571e8f
commit 7bc661ef5a
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/nav/components/NavbarSearchBarWrapper.vue
+2 -2
View File
@@ -15,7 +15,7 @@ limitations under the License.
--> -->
<script setup> <script setup>
import Searchbar from '@/features/search/components/Searchbar.vue'; import SearchBar from '@/features/search/components/SearchBar.vue';
import { watch } from 'vue'; import { watch } from 'vue';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
@@ -34,7 +34,7 @@ watch(() => route.query.q, q => {
</script> </script>
<template> <template>
<Searchbar <SearchBar
v-if="route.name === 'searchResults'" v-if="route.name === 'searchResults'"
v-model="searchQueryModel" v-model="searchQueryModel"
auto-submit auto-submit
src/features/search/components/Searchbar.vue → src/features/search/components/SearchBar.vue
View File
src/views/SearchView.vue
+2 -2
View File
@@ -15,7 +15,7 @@ limitations under the License.
--> -->
<script setup> <script setup>
import Searchbar from '../features/search/components/Searchbar.vue'; import SearchBar from '../features/search/components/SearchBar.vue';
import logo from '@/assets/images/logo.svg'; import logo from '@/assets/images/logo.svg';
import { ref } from 'vue'; import { ref } from 'vue';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
@@ -35,7 +35,7 @@ const searchQuery = ref('');
</header> </header>
<div class="search-container"> <div class="search-container">
<Searchbar v-model="searchQuery" ref="searchbar" class="search-bar" auto-submit /> <SearchBar v-model="searchQuery" ref="searchbar" class="search-bar" auto-submit />
</div> </div>
</div> </div>
</template> </template>