[web] Change to div elements

web-src/src/components/ControlSetting.vue

@@ -13,9 +13,9 @@
           size="16"
         />
       </div>
-      <p v-if="$slots.help" class="help mb-4">
+      <div v-if="$slots.help" class="help mb-4">
         <slot name="help" />
-      </p>
+      </div>
     </div>
   </fieldset>
 </template>

web-src/src/components/ControlUrlField.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="field">
-    <p class="control has-icons-left">
+    <div class="control has-icons-left">
       <input
         ref="input"
-        v-model="url"
+        v-model="value"
         class="input"
         type="url"
         pattern="http[s]?://.+"
@@ -13,8 +13,8 @@
         @input="validate"
       />
       <mdicon class="icon is-left" :name="icon" size="16" />
-    </p>
-    <p v-if="help" class="help" v-text="help" />
+    </div>
+    <div v-if="help" class="help" v-text="help" />
   </div>
 </template>
 
@@ -27,11 +27,11 @@ export default {
     loading: { default: false, type: Boolean },
     placeholder: { required: true, type: String }
   },
-  emits: ['url-changed'],
+  emits: ['input'],
   data() {
     return {
       disabled: true,
-      url: ''
+      value: ''
     }
   },
   mounted() {
@@ -43,7 +43,7 @@ export default {
     validate(event) {
       const { validity } = event.target
       this.disabled = validity.patternMismatch || validity.valueMissing
-      this.$emit('url-changed', this.url, this.disabled)
+      this.$emit('input', this.value, this.disabled)
     }
   }
 }

web-src/src/components/ModalDialogAddRss.vue

@@ -11,7 +11,7 @@
         :help="$t('dialog.add.rss.help')"
         :loading="loading"
         :placeholder="$t('dialog.add.rss.placeholder')"
-        @url-changed="onUrlChanged"
+        @input="onUrlChange"
       />
     </template>
   </modal-dialog>
@@ -67,7 +67,7 @@ export default {
     cancel() {
       this.$emit('close')
     },
-    onUrlChanged(url, disabled) {
+    onUrlChange(url, disabled) {
       this.url = url
       this.disabled = disabled
     }

web-src/src/components/ModalDialogAddStream.vue

@@ -11,7 +11,7 @@
           icon="web"
           :loading="loading"
           :placeholder="$t('dialog.add.stream.placeholder')"
-          @url-changed="onUrlChanged"
+          @input="onUrlChange"
         />
       </form>
     </template>
@@ -73,7 +73,7 @@ export default {
     cancel() {
       this.$emit('close')
     },
-    onUrlChanged(url, disabled) {
+    onUrlChange(url, disabled) {
       this.url = url
       this.disabled = disabled
     },

web-src/src/components/ModalDialogPlaylistSave.vue

@@ -8,7 +8,7 @@
     <template #content>
       <form @submit.prevent="save">
         <div class="field">
-          <p class="control has-icons-left">
+          <div class="control has-icons-left">
             <input
               ref="playlist_name_field"
               v-model="playlistName"
@@ -21,7 +21,7 @@
               @input="check"
             />
             <mdicon class="icon is-left" name="playlist-music" size="16" />
-          </p>
+          </div>
         </div>
       </form>
     </template>