Use self closing tags for vue components

This commit is contained in:
Oliver Schwendener 2019-07-08 08:51:28 +02:00
parent 804606b6c5
commit 6089f36ebc
13 changed files with 42 additions and 42 deletions

View File

@ -9,9 +9,9 @@
</head>
<body>
<div id="app">
<user-styles :appearance="config.appearanceOptions" :colortheme="config.colorThemeOptions"></user-styles>
<user-input :config="config" :translations="translations"></user-input>
<search-results :appearance="config.appearanceOptions"></search-results>
<user-styles :appearance="config.appearanceOptions" :colortheme="config.colorThemeOptions"/>
<user-input :config="config" :translations="translations"/>
<search-results :appearance="config.appearanceOptions"/>
</div>
<script src="./bundle/renderer.js"></script>
</body>

View File

@ -11,7 +11,7 @@
</head>
<body>
<div id="app">
<settings :config="config" :translations="translations"></settings>
<settings :config="config" :translations="translations"/>
</div>
<script src="./bundle/renderer.js"></script>
</body>

View File

@ -209,8 +209,8 @@ export const applicationSearchSettingsComponent = Vue.extend({
</div>
</div>
</div>
<new-application-folder-modal :translations="translations"></new-application-folder-modal>
<new-application-file-extension-modal :translations="translations"></new-application-file-extension-modal>
<new-application-folder-modal :translations="translations"/>
<new-application-file-extension-modal :translations="translations"/>
</div>
`,
});

View File

@ -44,7 +44,7 @@ export const colorPickerComponent = Vue.extend({
</div>
<div class="message-body">
<div class="field">
<chrome-picker :value="color" @input="updateValue"></chrome-picker>
<chrome-picker :value="color" @input="updateValue"/>
</div>
<div class="field is-grouped is-grouped-right">
<div class="control">

View File

@ -500,7 +500,7 @@ export const colorThemeSettingsComponent = Vue.extend({
</div>
<color-picker :translations="translations"></color-picker>
<color-picker :translations="translations">
</div>
</div>

View File

@ -217,8 +217,8 @@ export const shortcutEditingModal = Vue.extend({
<input class="input" type="text" :placeholder="getShorcutTypeDescriptionPlaceholder(shortcut.type)" v-model="shortcut.description">
</div>
</div>
<tags-editing :tags="shortcut.tags" :field-title="translations.shortcutSettingsTableTags" :translations="translations"></tags-editing>
<icon-editing :icon="shortcut.icon" :translations="translations"></icon-editing>
<tags-editing :tags="shortcut.tags" :field-title="translations.shortcutSettingsTableTags" :translations="translations"/>
<icon-editing :icon="shortcut.icon" :translations="translations"/>
<div class="field is-grouped is-grouped-right">
<div class="control">
<button class="button is-danger" @click="closeButtonClick">

View File

@ -112,8 +112,8 @@ export const websearchEditingModal = Vue.extend({
<icon-editing
:icon="websearchEngine.icon"
:translations="translations">
</icon-editing>
:translations="translations"
/>
<div class="field">
<label class="label">

View File

@ -236,8 +236,8 @@ export const workflowEditingModal = Vue.extend({
</button>
</div>
</div>
<tags-editing :tags="workflow.tags" :field-title="translations.workflowTags" :translations="translations"></tags-editing>
<icon-editing :icon="workflow.icon" :translations="translations"></icon-editing>
<tags-editing :tags="workflow.tags" :field-title="translations.workflowTags" :translations="translations"/>
<icon-editing :icon="workflow.icon" :translations="translations"/>
<div class="field is-grouped is-grouped-right">
<div class="control">
<button class="button is-danger" @click="closeModal">

View File

@ -108,27 +108,27 @@ export const settingsComponent = Vue.extend({
{{ notification.message }}
</div>
<div class="settings__setting">
<general-settings :config="config" :translations="translations" />
<appearance-settings :config="config" :translations="translations" />
<color-theme-settings :config="config" :translations="translations" />
<search-engine-settings :config="config" :translations="translations" />
<application-search-settings :config="config" :translations="translations" />
<shortcut-settings :config="config" :translations="translations" />
<mdfind-settings :config="config" :translations="translations" />
<everthing-settings :config="config" :translations="translations" />
<translation-settings :config="config" :translations="translations" />
<websearch-settings :config="config" :translations="translations" />
<filebrowser-settings :config="config" :translations="translations" />
<operating-system-commands-settings :config="config" :translations="translations" />
<operating-system-settings-settings :config="config" :translations="translations" />
<calculator-settings :config="config" :translations="translations" />
<url-settings :config="config" :translations="translations" />
<email-settings :config="config" :translations="translations" />
<currency-converter-settings :config="config" :translations="translations" />
<workflow-settings :config="config" :translations="translations" />
<commandline-settings :config="config" :translations="translations" />
<simple-folder-search-settings :config="config" :translations="translations" />
<user-confirmation :translations="translations" />
<general-settings :config="config" :translations="translations"/>
<appearance-settings :config="config" :translations="translations"/>
<color-theme-settings :config="config" :translations="translations"/>
<search-engine-settings :config="config" :translations="translations"/>
<application-search-settings :config="config" :translations="translations"/>
<shortcut-settings :config="config" :translations="translations"/>
<mdfind-settings :config="config" :translations="translations"/>
<everthing-settings :config="config" :translations="translations"/>
<translation-settings :config="config" :translations="translations"/>
<websearch-settings :config="config" :translations="translations"/>
<filebrowser-settings :config="config" :translations="translations"/>
<operating-system-commands-settings :config="config" :translations="translations"/>
<operating-system-settings-settings :config="config" :translations="translations"/>
<calculator-settings :config="config" :translations="translations"/>
<url-settings :config="config" :translations="translations"/>
<email-settings :config="config" :translations="translations"/>
<currency-converter-settings :config="config" :translations="translations"/>
<workflow-settings :config="config" :translations="translations"/>
<commandline-settings :config="config" :translations="translations"/>
<simple-folder-search-settings :config="config" :translations="translations"/>
<user-confirmation :translations="translations"/>
</div>
</div>
`,

View File

@ -150,7 +150,7 @@ export const shortcutSettingsComponent = Vue.extend({
</div>
</td>
<td class="has-text-centered">
<icon :icon="shortcut.icon" :defaulticon="defaultShortcutIcon"></icon>
<icon :icon="shortcut.icon" :defaulticon="defaultShortcutIcon"/>
</td>
<td class="has-text-centered">
<button class="button" @click="editShortcut(index)">
@ -174,7 +174,7 @@ export const shortcutSettingsComponent = Vue.extend({
</div>
</div>
</div>
<shortcut-editing-modal :translations="translations"></shortcut-editing-modal>
<shortcut-editing-modal :translations="translations"/>
</div>
`,
});

View File

@ -145,7 +145,7 @@ export const simpleFolderSearchSettingsComponent = Vue.extend({
</div>
</div>
</div>
<simple-folder-search-editing :translations="translations"></simple-folder-search-editing>
<simple-folder-search-editing :translations="translations"/>
</div>
`,
});

View File

@ -129,7 +129,7 @@ export const webSearchSettingsComponent = Vue.extend({
<td>{{ websearchEngine.name }}</td>
<td class="font-mono">{{ websearchEngine.prefix }}</td>
<td>{{ websearchEngine.url }}</td>
<td class="has-text-centered"><icon :icon="websearchEngine.icon" :defaulticon="defaultWebSearchIcon"></icon></td>
<td class="has-text-centered"><icon :icon="websearchEngine.icon" :defaulticon="defaultWebSearchIcon"/></td>
<td class="has-text-centered">{{ websearchEngine.priority }}</td>
<td class="has-text-centered"><i v-if="websearchEngine.isFallback" class="fas fa-check"></i></td>
<td class="has-text-centered"><i v-if="websearchEngine.encodeSearchTerm" class="fas fa-check"></i></td>
@ -162,7 +162,7 @@ export const webSearchSettingsComponent = Vue.extend({
</div>
</div>
<websearch-editing-modal :translations="translations"></websearch-editing-modal>
<websearch-editing-modal :translations="translations"/>
</div>
`,
});

View File

@ -138,7 +138,7 @@ export const workflowSettingsComponent = Vue.extend({
</div>
</td>
<td class="has-text-centered">
<icon :icon="workflow.icon" :defaulticon="defaultWorkflowIcon"></icon>
<icon :icon="workflow.icon" :defaulticon="defaultWorkflowIcon"/>
</td>
<td>
<div v-for="executionStep in workflow.executionSteps" class="tags has-addons is-marginless">
@ -172,7 +172,7 @@ export const workflowSettingsComponent = Vue.extend({
</div>
</div>
</div>
<workflow-editing-modal :translations="translations"></workflow-editing-modal>
<workflow-editing-modal :translations="translations"/>
</div>
`,
});