Here's the snippet of code
<tr v-for="(log, index) in logs">
<td>{{ index + 1 }}</td>
<td>{{ log.timestamp }}</td>
<td>{{ log.logType }}</td>
<td>{{ log.logMessage }}</td>
</tr>
defineProps({
logs: {
type: [Array],
required: true
}
})
Here log would be
{ timestamp : "2024-05-07 08:51:06",
logType : "INFO",
logMessage : "mailbox allocated for rsvp"
}
I'm new to typescript and I'm getting the below warning for log.timestamp, log.logType and log.logMessage during build
'log' is of type 'unknown'.
What should be the type of logs here?
Assuming log is of type
type LogEntry = {
timestamp: string;
logType: string;
logMessage: string;
};
as answered in your previous question.
You can do it
const props = defineProps({
logs: {
type: Array as PropType<Array<LogEntry>>,
required: true,
},
});
Don't forget to import PropType.
import type { PropType } from 'vue';
If you didn't have a type/interface for some reason you could declare it straight away like
logs: {
type: Array as PropType<Array<{timestamp: string, logType: string, logMessage: string}>>,
required: true,
},