Make the entire web page wrapped in a vue object
This commit is contained in:
@@ -136,7 +136,7 @@ possible hacks
|
||||
|
||||
<div id="chat-container" class="bg-gray-800">
|
||||
<div id="messages-container">
|
||||
<div v-for="(message, index) in messages">
|
||||
<div v-for="message in messages">
|
||||
<div class="message flex">
|
||||
<img
|
||||
v-bind:src="message.image"
|
||||
@@ -155,12 +155,11 @@ possible hacks
|
||||
<div id="message-input-container" class="shadow-md bg-gray-900 border-t border-gray-700 border-solid">
|
||||
<form id="message-form" class="flex">
|
||||
|
||||
<input type="hidden" name="inputAuthor" id="self-message-author" v-model="message.author" />
|
||||
<input type="hidden" name="inputAuthor" id="self-message-author" />
|
||||
|
||||
<textarea
|
||||
id="message-body-form"
|
||||
placeholder="Message"
|
||||
v-model="message.body"
|
||||
class="appearance-none block w-full bg-gray-200 text-gray-700 border border-black-500 rounded py-2 px-2 my-2 focus:bg-white"
|
||||
></textarea>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user