|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
<head> |
|
|
<meta charset="utf-8" /> |
|
|
<meta name="viewport" content="width=device-width" /> |
|
|
<title>My static Space</title> |
|
|
<link rel="stylesheet" href="./style.css" /> |
|
|
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> |
|
|
</head> |
|
|
<body> |
|
|
<div id="app"> |
|
|
<header> |
|
|
<h1>Generate Text With Mistral-7B-Instruct-v0.1</h1> |
|
|
</header> |
|
|
<h3>Hugging Face Token</h3> |
|
|
<input v-model="token" placeholder="HF-TOKEN" type="password" /> |
|
|
<h3>Prompt</h3> |
|
|
<textarea |
|
|
v-model="userPrompt" |
|
|
style="width: 100%; height: 100px" |
|
|
></textarea> |
|
|
<div> |
|
|
<button @click="run">GENERATE</button> |
|
|
<button @click="stop">STOP</button> |
|
|
</div> |
|
|
<div>{{generatedText}}</div> |
|
|
</div> |
|
|
<script type="module" src="./main.js"></script> |
|
|
</body> |
|
|
</html> |
|
|
|
