Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[next] fix(docs): Add missing file extensions to vue-material-design-icons imports #5592

Merged
merged 1 commit into from
May 14, 2024
+89 −89
Merged

[next] fix(docs): Add missing file extensions to vue-material-design-icons imports #5592

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions src/components/NcActionButton/NcActionButton.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down
4 changes: 2 additions & 2 deletions src/components/NcActionLink/NcActionLink.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down
90 changes: 45 additions & 45 deletions src/components/NcActions/NcActions.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@
</NcActions>
</template>
<script>
import Delete from 'vue-material-design-icons/Delete'
import Delete from 'vue-material-design-icons/Delete.vue'

export default {
components: {
Expand Down Expand Up @@ -82,9 +82,9 @@
</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: {
Expand Down Expand Up @@ -133,10 +133,10 @@
</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: {
Expand Down Expand Up @@ -186,10 +186,10 @@
</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,
Expand Down Expand Up @@ -235,9 +235,9 @@
</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: {
Expand Down Expand Up @@ -289,10 +289,10 @@
</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: {
Expand Down Expand Up @@ -324,8 +324,8 @@
</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: {
Expand Down Expand Up @@ -369,11 +369,11 @@
</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: {
Expand Down Expand Up @@ -414,9 +414,9 @@
</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: {
Expand Down Expand Up @@ -452,8 +452,8 @@
</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: {
Expand Down Expand Up @@ -531,10 +531,10 @@
</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: {
Expand Down Expand Up @@ -733,18 +733,18 @@

<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'
Expand Down Expand Up @@ -1393,7 +1393,7 @@
return this.$refs.menu.querySelector('li.active')
},
/**
* @return {NodeListOf<HTMLElement>}

Check warning on line 1396 in src/components/NcActions/NcActions.vue

View workflow job for this annotation

GitHub Actions / NPM lint 

The type 'NodeListOf' is undefined
*/
getFocusableMenuItemElements() {
return this.$refs.menu.querySelectorAll(focusableSelector)
Expand Down
22 changes: 11 additions & 11 deletions src/components/NcAppNavigationItem/NcAppNavigationItem.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down
28 changes: 14 additions & 14 deletions src/components/NcAppSidebar/NcAppSidebar.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down Expand Up @@ -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: {
Expand Down
2 changes: 1 addition & 1 deletion src/components/NcAvatar/NcAvatar.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down
2 changes: 1 addition & 1 deletion src/components/NcButton/NcButton.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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: {
Expand Down
Loading
Loading