Merge branch 'operon-struct-type' into operon-struct-type-article

components/content/SystemDb.vue

@@ -8,19 +8,6 @@ const dbName = ref("systems")
 const client = useMeiliSearchRef()
 
 
-// onBeforeMount(async () => {
-//     const { data } = await useAsyncMeiliSearch({
-//         index: toValue(dbName), query: "", params: {
-//             facets: ["*"],
-//             filter: [],
-//             page: 1,
-//             hitsPerPage: 25,
-//         }
-//     })
-
-//     autocompleteMeiliFacetsProps.value.facetDistribution = toValue(data)?.facetDistribution
-
-// })
 onMounted(async () => {
     try {
         const data = await client
@@ -114,6 +101,11 @@ const dataTableServerProps = computed(() => {
 
 const columnsToDownload = ref(['title', 'doi', 'Sensor', 'Activator', 'Effector', 'PFAM', 'contributors',])
 
+function titleToSystemName(title:string) {
+    if (title === "CRISPR-Cas") return "cas"
+    return title.toLowerCase()
+}
+
 </script>
 <template>
     <ServerDbTable title="List Systems" :db="dbName" :sortBy="sortBy"
@@ -122,7 +114,7 @@ const columnsToDownload = ref(['title', 'doi', 'Sensor', 'Activator', 'Effector'
 
 
         <template #[`item.title`]="{ item }">
-            <v-chip color="info" link :to="`/defense-systems/${item.title.toLowerCase()}`">{{
+            <v-chip color="info" link :to="`/defense-systems/${titleToSystemName(item.title)}`">{{
         item.title
     }}</v-chip>
         </template>

components/content/SystemOperonStructure.vue

@@ -82,18 +82,19 @@ const sanitizedHits = computed<StructureOperonGeneWithImg[]>(() => {
 
 const sanitizedSystem = computed(() => {
     const pageVal = toValue(page)
-    return pageVal?.systemModel || pageVal.title
+    return pageVal.title
 })
 
 const sanitizedSubsystem = computed(() => {
-    const pageVal = toValue(page)
-    const systemModel = pageVal?.systemModel
-    if (systemModel) {
-        return subsystem.replace(pageVal.title, systemModel)
-    }
-    else {
-        return subsystem
-    }
+    // const pageVal = toValue(page)
+    // const systemModel = pageVal?.systemModel
+    // if (systemModel) {
+    //     return subsystem.replace(pageVal.title, systemModel)
+    // }
+    // else {
+    //     return subsystem
+    // }
+    return subsystem
 })
 
 const contentWidth = computed(() => {

content/3.defense-systems/cas.md

 ---
 title: CRISPR-Cas
+systemModel: Cas
 layout: article
 tableColumns:
     article: