···11+# Nuxt-Ollama Demo
22+33+Look at the [Nuxt-Ollama documentation](https://nuxt-ollama.jericho.dev) to learn more.
44+55+## Setup
66+77+Make sure Ollama is installed, if not, go to https://ollama.com and install it.
88+99+Pull the model Llama 3.1 with the command line interface:
1010+1111+```bash
1212+ollama pull llama3.1
1313+```
1414+1515+Make sure to install the dependencies in the project directory:
1616+1717+```bash
1818+npm install
1919+```
2020+2121+## Development Server
2222+2323+Start the development server on `http://localhost:3000`:
2424+2525+```bash
2626+npm run dev
2727+2828+```
2929+3030+## Production
3131+3232+Build the application for production:
3333+3434+/!\ The project is using Nuxt-UI Pro, you need to have a license to build the project.
3535+3636+```bash
3737+npm run build
3838+3939+```
···11+<script setup lang="ts">
22+</script>
33+44+<template>
55+ <ULandingGrid class="mt-5">
66+ <UAlert color="yellow" class="col-span-12">
77+ <template #description>
88+ <p class="font-bold">Welcome to the Nuxt-Ollama demo!</p>
99+ <p>This is a demo of a live chat application using Nuxt-Ollama. You can interact with the assistant by typing messages in the input box below and pressing enter. The assistant will respond
1010+ with a message based on the input you provide.</p>
1111+ <p class="font-bold mt-2">Before you start:</p>
1212+ <p>Be sure you installed Ollama and pulled the model llama3.1</p>
1313+ <p>If you don't, just go to <NuxtLink class="font-bold" href="https://ollama.com">the official Ollama website</NuxtLink> to do it.</p>
1414+ </template>
1515+ </UAlert>
1616+ <ULandingCard title="Frontend demo" class="col-span-6" to="/frontend">
1717+ Demo of a live chat application using Nuxt-Ollama on the frontend.
1818+ </ULandingCard>
1919+ <ULandingCard title="Backend demo" class="col-span-6" to="/backend">
2020+ Demo of a live chat application using Nuxt-Ollama on the backend.
2121+ </ULandingCard>
2222+ </ULandingGrid>
2323+</template>
2424+2525+<style scoped>
2626+2727+</style>