Add search page

This commit is contained in:
Rasmus Rasmussen 2024-12-24 11:10:38 +01:00
parent f4d94a3336
commit 53289db102
3 changed files with 12 additions and 8 deletions

View File

@ -3,9 +3,10 @@ const route = useRoute()
</script> </script>
<template> <template>
<div> <div class="h-screen flex items-center justify-center">
<h1>Nuxt Routing set up successfully!</h1> <div class="flex space-x-2">
<p>Current route: {{ route.path }}</p> <input placeholder=".NET C#" class="text-center bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg p-2.5 w-192"/>
<a href="https://nuxt.com/docs/getting-started/routing" target="_blank">Learn more about Nuxt Routing</a> <button class="text-gray-900 bg-gray-50 border border-gray-300 px-4 py-2 rounded-lg">Search</button>
</div>
</div> </div>
</template> </template>

View File

@ -7,7 +7,6 @@ const loading = ref<boolean>(true);
const error = ref<string | null>(null); const error = ref<string | null>(null);
let dict = ref<ProgressDictionary[] | null>(null); let dict = ref<ProgressDictionary[] | null>(null);
const fetchMyData = async () => { const fetchMyData = async () => {
try { try {
loading.value = true; loading.value = true;
@ -36,8 +35,6 @@ const fetchMyData = async () => {
fetchMyData(); fetchMyData();
</script> </script>
<template> <template>

View File

@ -9,7 +9,13 @@ export default {
"./error.vue", "./error.vue",
], ],
theme: { theme: {
extend: {}, extend: {
width: {
'128': '32rem',
'192' : '48rem',
'256': '64rem',
}
},
}, },
plugins: [], plugins: [],
} }