const { createApp, ref, onMounted } = Vue;

const UseCases = [
    {
        "name": "Natural Language Processing (NLP)",
        "examples": [
            {
                "name": "Generate Text Stream",
                "description": "Generate text in real-time based on a given input.",
                "link": "/nlp/generate-text-stream/"
            },
            {
                "name": "Fill Mask",
                "description": "The Fill Mask model can complete sentences where words are masked.",
                "link": "/nlp/fill-mask/"
            },
            {
                "name": "Summarization",
                "description": "Condense large pieces of text into shorter, coherent versions.",
                "link": "/nlp/summarization/"
            },
            {
                "name": "Question Answering",
                "description": "Get answers to specific questions based on the provided context.",
                "link": "/nlp/question-answering/"
            },
            {
                "name": "Text Classification",
                "description": "Classify the sentiment of a given piece of text.",
                "link": "/nlp/text-classification/"
            },
            {
                "name": "Text Generation",
                "description": "Generate text based on a given input.",
                "link": "/nlp/text-generation/"
            }
        ]
    },
    {
        "name": "Audio",
        "examples": [
            {
                "name": "Speech Recognition",
                "description": "Convert spoken language into written text.",
                "link": "/audio/speech-recognition/"
            },
            {
                "name": "Audio Classification",
                "description": "Classify audio data into predefined categories.",
                "link": "/audio/classification/"
            },
            {
                "name": "Text To Speech",
                "description": "Convert text to spoken language.",
                "link": "/audio/text-to-speech/"
            },
            {
                "name": "Audio To Audio",
                "description": "Apply audio processing to transform one audio signal into another.",
                "link": "/audio/audio-to-audio/"
            }
        ]
    },
    {
        "name": "Computer Vision",
        "examples": [
            {
                "name": "Image Classification",
                "description": "Classify an image into one of several predefined categories.",
                "link": "/cv/image-classification/"
            },
            {
                "name": "Object Detection",
                "description": "Detect and classify objects within images.",
                "link": "/cv/object-detection/"
            },
            {
                "name": "Image Segmentation",
                "description": "Segment images into component parts.",
                "link": "/cv/image-segmentation/"
            },
            {
                "name": "Text to Image",
                "description": "Generate an image from a text description.",
                "link": "/cv/text-to-image/"
            }
        ]
    },
    {
        "name": "Tabular Data",
        "examples": [
            {
                "name": "Tabular Regression",
                "description": "Perform regression on tabular data to predict numerical values.",
                "link": "/tabular/regression/"
            },
            {
                "name": "Tabular Classification",
                "description": "Classify rows of tabular data into predefined categories.",
                "link": "/tabular/classification/"
            }
        ]
    }
]

const app = createApp({
    setup() {
        const useCases = ref(UseCases);
        return {
            useCases,
        };
    },
});

app.mount("#app");