Any suggestions on using a shorter name than "store.selectedNode.displayName" in my components?
Instead of:
<script setup lang="ts">
import { useStore } from '@/util/store'
const store = useStore()
</script>
<template>
<div v-if="store.selectedNode != null">
<input v-model="store.selectedNode.displayName">
<input v-model="store.selectedNode.browseName">
I would prefer:
<script setup lang="ts">
import { useStore } from '@/util/store'
const store = useStore()
assert(store.selectedNode)
const node = reactive(store.selectedNode)
</script>
<template>
<div>
<input v-model="node.displayName">
<input v-model="node.browseName">
However, assert doesn't seem to work inside tags here - compiler still complains that store.selectedNode might be null. Is there a better way?