Updated webpack to resolve common file extensions

src/App.vue

@@ -25,10 +25,10 @@
 
 <script>
 import Vue from 'vue'
-import Navigation from '@/components/Navigation.vue'
-import MoviePopup from '@/components/MoviePopup.vue'
-import SearchInput from '@/components/SearchInput.vue'
-import DarkmodeToggle from '@/components/ui/darkmodeToggle.vue'
+import Navigation from '@/components/Navigation'
+import MoviePopup from '@/components/MoviePopup'
+import SearchInput from '@/components/SearchInput'
+import DarkmodeToggle from '@/components/ui/darkmodeToggle'
 
 export default {
   name: 'app',

src/api.js

@@ -1,5 +1,5 @@
 import axios from 'axios'
-import storage from '@/storage.js'
+import storage from '@/storage'
 import config from '@/config.json'
 import path from 'path'
 

src/components/Home.vue

@@ -12,10 +12,10 @@
 </template>
 
 <script>
-import LandingBanner from '@/components/LandingBanner.vue'
-import ListHeader from '@/components/ListHeader.vue'
-import ResultsList from '@/components/ResultsList.vue'
-import Loader from '@/components/ui/Loader.vue'
+import LandingBanner from '@/components/LandingBanner'
+import ListHeader from '@/components/ListHeader'
+import ResultsList from '@/components/ResultsList'
+import Loader from '@/components/ui/Loader'
 
 import { getTmdbMovieListByName, getRequests } from '@/api'
 

src/components/Movie.vue

@@ -115,15 +115,15 @@
 </template>
 
 <script>
-import storage from '@/storage.js'
-import img from '@/directives/v-image.js'
-import TorrentList from './TorrentList.vue'
-import Person from './Person.vue'
-import SidebarListElement from './ui/sidebarListElem.vue'
+import storage from '@/storage'
+import img from '@/directives/v-image'
+import TorrentList from './TorrentList'
+import Person from './Person'
+import SidebarListElement from './ui/sidebarListElem'
 import store from '@/store'
-import LoadingPlaceholder from './ui/LoadingPlaceholder.vue'
+import LoadingPlaceholder from './ui/LoadingPlaceholder'
 
-import { getMovie, getShow, request, getRequestStatus } from '@/api.js'
+import { getMovie, getShow, request, getRequestStatus } from '@/api'
 
 export default {
   props: ['id', 'type'],

src/components/MoviePage.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import Movie from './Movie.vue';
+import Movie from './Movie';
 export default {
   components: { Movie }
 }

src/components/MoviePopup.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import Movie from './Movie.vue';
+import Movie from './Movie';
 
 export default {
   props: {

src/components/MoviesListItem.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import img from '../directives/v-image.js'
+import img from '../directives/v-image'
 
 export default {
   props: ['movie', 'shortList'],

src/components/Navigation.vue

@@ -50,7 +50,7 @@
 </template>
 
 <script>
-import storage from '@/storage.js'
+import storage from '@/storage'
 
 export default {
   data(){

src/components/Profile.vue

@@ -29,14 +29,14 @@
 </template>
 
 <script>
-import storage from '@/storage.js'
-import store from '@/store.js'
-import ListHeader from '@/components/ListHeader.vue'
-import ResultsList from '@/components/ResultsList.vue'
-import Settings from '@/components/Settings.vue'
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
+import storage from '@/storage'
+import store from '@/store'
+import ListHeader from '@/components/ListHeader'
+import ResultsList from '@/components/ResultsList'
+import Settings from '@/components/Settings'
+import SeasonedButton from '@/components/ui/SeasonedButton'
 
-import { getEmoji, getUserRequests } from '@/api.js'
+import { getEmoji, getUserRequests } from '@/api'
 
 export default {
   components: { ListHeader, ResultsList, Settings, SeasonedButton },

src/components/Register.vue

@@ -19,9 +19,9 @@
 
 <script>
 import axios from 'axios'
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
-import SeasonedInput from '@/components/ui/SeasonedInput.vue'
-import SeasonedMessages from '@/components/ui/SeasonedMessages.vue'
+import SeasonedButton from '@/components/ui/SeasonedButton'
+import SeasonedInput from '@/components/ui/SeasonedInput'
+import SeasonedMessages from '@/components/ui/SeasonedMessages'
 
 export default {
   components: { SeasonedButton, SeasonedInput, SeasonedMessages },

src/components/SearchInput.vue

@@ -43,9 +43,9 @@
 </template>
 
 <script>
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
+import SeasonedButton from '@/components/ui/SeasonedButton'
 
-import { elasticSearchMoviesAndShows } from '@/api.js'
+import { elasticSearchMoviesAndShows } from '@/api'
 import config from '@/config.json'
 
 export default {

src/components/Settings.vue

@@ -44,12 +44,12 @@
 </template>
 
 <script>
-import storage from '@/storage.js'
-import SeasonedInput from '@/components/ui/SeasonedInput.vue'
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
-import SeasonedMessages from '@/components/ui/SeasonedMessages.vue'
+import storage from '@/storage'
+import SeasonedInput from '@/components/ui/SeasonedInput'
+import SeasonedButton from '@/components/ui/SeasonedButton'
+import SeasonedMessages from '@/components/ui/SeasonedMessages'
 
-import { plexAuthenticate } from '@/api.js'
+import { plexAuthenticate } from '@/api'
 
 export default {
   components: { SeasonedInput, SeasonedButton, SeasonedMessages },

src/components/Signin.vue

@@ -17,10 +17,10 @@
 
 <script>
 import axios from 'axios'
-import storage from '../storage.js'
-import SeasonedInput from '@/components/ui/SeasonedInput.vue'
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
-import SeasonedMessages from '@/components/ui/SeasonedMessages.vue'
+import storage from '../storage'
+import SeasonedInput from '@/components/ui/SeasonedInput'
+import SeasonedButton from '@/components/ui/SeasonedButton'
+import SeasonedMessages from '@/components/ui/SeasonedMessages'
 
 export default {
   components: { SeasonedInput, SeasonedButton, SeasonedMessages },

src/components/TorrentList.vue

@@ -90,13 +90,13 @@
 </template>
 
 <script>
-import storage from '@/storage.js'
+import storage from '@/storage'
 import store from '@/store'
-import { sortableSize } from '@/utils.js'
-import { searchTorrents, addMagnet } from '@/api.js'
+import { sortableSize } from '@/utils'
+import { searchTorrents, addMagnet } from '@/api'
 
-import SeasonedButton from '@/components/ui/SeasonedButton.vue'
-import SeasonedInput from '@/components/ui/SeasonedInput.vue'
+import SeasonedButton from '@/components/ui/SeasonedButton'
+import SeasonedInput from '@/components/ui/SeasonedInput'
 
 export default {
   components: { SeasonedButton, SeasonedInput },

src/store.js

@@ -1,9 +1,9 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 
-import torrentModule from './modules/torrentModule.js'
-import darkmodeModule from './modules/darkmodeModule.js'
-import documentTitle from './modules/documentTitle.js'
+import torrentModule from './modules/torrentModule'
+import darkmodeModule from './modules/darkmodeModule'
+import documentTitle from './modules/documentTitle'
 
 Vue.use(Vuex)
 

webpack.config.js

@@ -46,6 +46,7 @@ module.exports = {
     ]
   },
   resolve: {
+    extensions: ['.js', '.vue', '.json', 'scss'],
     alias: {
       'vue$': 'vue/dist/vue.common.js',
       '@': path.resolve(__dirname, './src'),