Merge pull request #5592 from nextcloud-libraries/backport/5581/next
[next] fix(docs): Add missing file extensions to vue-material-design-icons imports
This commit is contained in:
Коммит
dbad8cd5fd
|
@ -54,8 +54,8 @@ This component is made to be used inside of the [NcActions](#NcActions) componen
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import Plus from 'vue-material-design-icons/Plus'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import Plus from 'vue-material-design-icons/Plus.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -91,8 +91,8 @@ If you're using a long text you can specify a name
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import Plus from 'vue-material-design-icons/Plus'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import Plus from 'vue-material-design-icons/Plus.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -123,7 +123,7 @@ Action icon attribute with a single action
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import Plus from 'vue-material-design-icons/Plus'
|
||||
import Plus from 'vue-material-design-icons/Plus.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -159,8 +159,8 @@ You can also use a custom icon, for example from the vue-material-design-icons l
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import HandBackLeft from 'vue-material-design-icons/HandBackLeft'
|
||||
import HandBackRight from 'vue-material-design-icons/HandBackRight'
|
||||
import HandBackLeft from 'vue-material-design-icons/HandBackLeft.vue'
|
||||
import HandBackRight from 'vue-material-design-icons/HandBackRight.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
|
|
@ -64,8 +64,8 @@ This component is made to be used inside of the [NcActions](#NcActions) componen
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Download from 'vue-material-design-icons/Download'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew'
|
||||
import Download from 'vue-material-design-icons/Download.vue'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
|
|
@ -41,7 +41,7 @@ https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-action
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -82,9 +82,9 @@ export default {
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew'
|
||||
import Pencil from 'vue-material-design-icons/Pencil'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
|
||||
import Pencil from 'vue-material-design-icons/Pencil.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -133,10 +133,10 @@ export default {
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import Plus from 'vue-material-design-icons/Plus'
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew'
|
||||
import Pencil from 'vue-material-design-icons/Pencil'
|
||||
import Plus from 'vue-material-design-icons/Plus.vue'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
|
||||
import Pencil from 'vue-material-design-icons/Pencil.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -186,10 +186,10 @@ export default {
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import Plus from 'vue-material-design-icons/Plus'
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew'
|
||||
import Pencil from 'vue-material-design-icons/Pencil'
|
||||
import Plus from 'vue-material-design-icons/Plus.vue'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
|
||||
import Pencil from 'vue-material-design-icons/Pencil.vue'
|
||||
export default {
|
||||
components: {
|
||||
Delete,
|
||||
|
@ -235,9 +235,9 @@ export default {
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew'
|
||||
import Pencil from 'vue-material-design-icons/Pencil'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
|
||||
import Pencil from 'vue-material-design-icons/Pencil.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -289,10 +289,10 @@ export default {
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import ArrowRight from 'vue-material-design-icons/ArrowRight'
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import Download from 'vue-material-design-icons/Download'
|
||||
import Pencil from 'vue-material-design-icons/Pencil'
|
||||
import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import Download from 'vue-material-design-icons/Download.vue'
|
||||
import Pencil from 'vue-material-design-icons/Pencil.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -324,8 +324,8 @@ export default {
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import Pencil from 'vue-material-design-icons/Pencil'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import Pencil from 'vue-material-design-icons/Pencil.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -369,11 +369,11 @@ export default {
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import ArrowRight from 'vue-material-design-icons/ArrowRight'
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import Download from 'vue-material-design-icons/Download'
|
||||
import Pencil from 'vue-material-design-icons/Pencil'
|
||||
import Plus from 'vue-material-design-icons/Plus'
|
||||
import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import Download from 'vue-material-design-icons/Download.vue'
|
||||
import Pencil from 'vue-material-design-icons/Pencil.vue'
|
||||
import Plus from 'vue-material-design-icons/Plus.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -414,9 +414,9 @@ It can be used with one or multiple actions.
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import DotsHorizontalCircleOutline from 'vue-material-design-icons/DotsHorizontalCircleOutline'
|
||||
import MicrophoneOff from 'vue-material-design-icons/MicrophoneOff'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import DotsHorizontalCircleOutline from 'vue-material-design-icons/DotsHorizontalCircleOutline.vue'
|
||||
import MicrophoneOff from 'vue-material-design-icons/MicrophoneOff.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -452,8 +452,8 @@ export default {
|
|||
</NcActions>
|
||||
</template>
|
||||
<script>
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import Magnify from 'vue-material-design-icons/Magnify'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import Magnify from 'vue-material-design-icons/Magnify.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -531,10 +531,10 @@ export default {
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import Palette from 'vue-material-design-icons/Palette'
|
||||
import SelectColor from 'vue-material-design-icons/SelectColor'
|
||||
import CheckboxMarkedCircleOutline from 'vue-material-design-icons/CheckboxMarkedCircleOutline'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import Palette from 'vue-material-design-icons/Palette.vue'
|
||||
import SelectColor from 'vue-material-design-icons/SelectColor.vue'
|
||||
import CheckboxMarkedCircleOutline from 'vue-material-design-icons/CheckboxMarkedCircleOutline.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -733,18 +733,18 @@ export default {
|
|||
|
||||
<script>
|
||||
// Common icons
|
||||
import Pencil from 'vue-material-design-icons/Pencil'
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import Pencil from 'vue-material-design-icons/Pencil.vue'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
|
||||
// Email icons
|
||||
import StarOutline from 'vue-material-design-icons/StarOutline'
|
||||
import EmailUnread from 'vue-material-design-icons/Email'
|
||||
import Bookmark from 'vue-material-design-icons/Bookmark'
|
||||
import ClockOutlineIcon from 'vue-material-design-icons/ClockOutline'
|
||||
import AlertOctagonIcon from 'vue-material-design-icons/AlertOctagon'
|
||||
import CheckIcon from 'vue-material-design-icons/Check'
|
||||
import OpenInNewIcon from 'vue-material-design-icons/OpenInNew'
|
||||
import DownloadIcon from 'vue-material-design-icons/Download'
|
||||
import StarOutline from 'vue-material-design-icons/StarOutline.vue'
|
||||
import EmailUnread from 'vue-material-design-icons/Email.vue'
|
||||
import Bookmark from 'vue-material-design-icons/Bookmark.vue'
|
||||
import ClockOutlineIcon from 'vue-material-design-icons/ClockOutline.vue'
|
||||
import AlertOctagonIcon from 'vue-material-design-icons/AlertOctagon.vue'
|
||||
import CheckIcon from 'vue-material-design-icons/Check.vue'
|
||||
import OpenInNewIcon from 'vue-material-design-icons/OpenInNew.vue'
|
||||
import DownloadIcon from 'vue-material-design-icons/Download.vue'
|
||||
|
||||
// Formating icons
|
||||
import FormatTitle from 'vue-material-design-icons/FormatTitle.vue'
|
||||
|
|
|
@ -42,7 +42,7 @@
|
|||
</ul>
|
||||
</template>
|
||||
<script>
|
||||
import Check from 'vue-material-design-icons/Check'
|
||||
import Check from 'vue-material-design-icons/Check.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -102,10 +102,10 @@ button will be automatically created.
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Check from 'vue-material-design-icons/Check'
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew'
|
||||
import Pencil from 'vue-material-design-icons/Pencil'
|
||||
import Check from 'vue-material-design-icons/Check.vue'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
|
||||
import Pencil from 'vue-material-design-icons/Pencil.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -142,7 +142,7 @@ Just nest the counter in a template within `<NcAppNavigationItem>` and add `#cou
|
|||
</ul>
|
||||
</template>
|
||||
<script>
|
||||
import Folder from 'vue-material-design-icons/Folder'
|
||||
import Folder from 'vue-material-design-icons/Folder.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -198,10 +198,10 @@ prevent the user from collapsing the items.
|
|||
</ul>
|
||||
</template>
|
||||
<script>
|
||||
import Folder from 'vue-material-design-icons/Folder'
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew'
|
||||
import Pencil from 'vue-material-design-icons/Pencil'
|
||||
import Folder from 'vue-material-design-icons/Folder.vue'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
|
||||
import Pencil from 'vue-material-design-icons/Pencil.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -235,7 +235,7 @@ the placeholder is the previous name of the element.
|
|||
</ul>
|
||||
</template>
|
||||
<script>
|
||||
import Folder from 'vue-material-design-icons/Folder'
|
||||
import Folder from 'vue-material-design-icons/Folder.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
|
|
@ -58,9 +58,9 @@ include a standard-header like it's used by the files app.
|
|||
</NcAppSidebar>
|
||||
</template>
|
||||
<script>
|
||||
import Magnify from 'vue-material-design-icons/Magnify'
|
||||
import Cog from 'vue-material-design-icons/Cog'
|
||||
import ShareVariant from 'vue-material-design-icons/ShareVariant'
|
||||
import Magnify from 'vue-material-design-icons/Magnify.vue'
|
||||
import Cog from 'vue-material-design-icons/Cog.vue'
|
||||
import ShareVariant from 'vue-material-design-icons/ShareVariant.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -102,7 +102,7 @@ Single tab is rendered without navigation.
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Cog from 'vue-material-design-icons/Cog'
|
||||
import Cog from 'vue-material-design-icons/Cog.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -145,9 +145,9 @@ export default {
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Magnify from 'vue-material-design-icons/Magnify'
|
||||
import Cog from 'vue-material-design-icons/Cog'
|
||||
import ShareVariant from 'vue-material-design-icons/ShareVariant'
|
||||
import Magnify from 'vue-material-design-icons/Magnify.vue'
|
||||
import Cog from 'vue-material-design-icons/Cog.vue'
|
||||
import ShareVariant from 'vue-material-design-icons/ShareVariant.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -192,9 +192,9 @@ export default {
|
|||
</NcAppSidebar>
|
||||
</template>
|
||||
<script>
|
||||
import Magnify from 'vue-material-design-icons/Magnify'
|
||||
import Cog from 'vue-material-design-icons/Cog'
|
||||
import ShareVariant from 'vue-material-design-icons/ShareVariant'
|
||||
import Magnify from 'vue-material-design-icons/Magnify.vue'
|
||||
import Cog from 'vue-material-design-icons/Cog.vue'
|
||||
import ShareVariant from 'vue-material-design-icons/ShareVariant.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -238,9 +238,9 @@ export default {
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Magnify from 'vue-material-design-icons/Magnify'
|
||||
import Cog from 'vue-material-design-icons/Cog'
|
||||
import ShareVariant from 'vue-material-design-icons/ShareVariant'
|
||||
import Magnify from 'vue-material-design-icons/Magnify.vue'
|
||||
import Cog from 'vue-material-design-icons/Cog.vue'
|
||||
import ShareVariant from 'vue-material-design-icons/ShareVariant.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -364,7 +364,7 @@ A working alternative would be using an icon together with an `aria-label`:
|
|||
</NcAppSidebar>
|
||||
</template>
|
||||
<script>
|
||||
import Magnify from 'vue-material-design-icons/Magnify'
|
||||
import Magnify from 'vue-material-design-icons/Magnify.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
|
|
@ -45,7 +45,7 @@
|
|||
</NcAvatar>
|
||||
</template>
|
||||
<script>
|
||||
import AccountMultiple from 'vue-material-design-icons/AccountMultiple'
|
||||
import AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
|
|
@ -150,7 +150,7 @@ It can be used with one or multiple actions.
|
|||
|
||||
</template>
|
||||
<script>
|
||||
import Video from 'vue-material-design-icons/Video'
|
||||
import Video from 'vue-material-design-icons/Video.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
|
|
@ -37,7 +37,7 @@ Providing an icon, name, and a description is strongly advised.
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import Comment from 'vue-material-design-icons/Comment'
|
||||
import Comment from 'vue-material-design-icons/Comment.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -99,7 +99,7 @@ consider only using header elements as the root elements for the name slot.
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import Comment from 'vue-material-design-icons/Comment'
|
||||
import Comment from 'vue-material-design-icons/Comment.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -127,7 +127,7 @@ like a link.
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import Comment from 'vue-material-design-icons/Comment'
|
||||
import Comment from 'vue-material-design-icons/Comment.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
|
|
@ -36,7 +36,7 @@ It might be used for list rendering or within the multiselect for example
|
|||
</NcListItemIcon>
|
||||
</template>
|
||||
<script>
|
||||
import Account from 'vue-material-design-icons/Account'
|
||||
import Account from 'vue-material-design-icons/Account.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -54,7 +54,7 @@ It might be used for list rendering or within the multiselect for example
|
|||
</NcListItemIcon>
|
||||
</template>
|
||||
<script>
|
||||
import AccountMultiple from 'vue-material-design-icons/AccountMultiple'
|
||||
import AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -74,7 +74,7 @@ It might be used for list rendering or within the multiselect for example
|
|||
</NcListItemIcon>
|
||||
</template>
|
||||
<script>
|
||||
import AccountMultiple from 'vue-material-design-icons/AccountMultiple'
|
||||
import AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -105,8 +105,8 @@ It might be used for list rendering or within the multiselect for example
|
|||
</NcListItemIcon>
|
||||
</template>
|
||||
<script>
|
||||
import Delete from 'vue-material-design-icons/Delete'
|
||||
import Pencil from 'vue-material-design-icons/Pencil'
|
||||
import Delete from 'vue-material-design-icons/Delete.vue'
|
||||
import Pencil from 'vue-material-design-icons/Pencil.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
|
Загрузка…
Ссылка в новой задаче