assets/components/home/home.vue

@@ -5,7 +5,6 @@
         <div class="content-inner">
             <Releases
                 :releases="releases"
-                referer="home"
             />
         </div>
     </div>
@@ -25,13 +24,6 @@ async function mounted() {
     await this.fetchReleases();
 }
 
-function updated() {
-    if (this.from.name === 'scene' && this.from.hash === '#home') {
-        const releaseTile = document.querySelector(`#scene-${this.from.params.releaseId}`);
-        if (releaseTile) releaseTile.scrollIntoView();
-    }
-}
-
 export default {
     components: {
         FilterBar,
@@ -42,13 +34,8 @@ export default {
             releases: [],
             networks: [],
             pageTitle: null,
-            from: null,
         };
     },
-    beforeRouteEnter(to, from, next) {
-        next(vm => vm.$set(vm, 'from', from));
-    },
-    updated,
     mounted,
     methods: {
         fetchReleases,

assets/components/releases/releases.vue

@@ -10,10 +10,7 @@
                 v-for="release in releases"
                 :key="`release-${release.id}`"
             >
-                <ReleaseTile
-                    :release="release"
-                    :referer="referer"
-                />
+                <ReleaseTile :release="release" />
             </li>
         </ul>
 
@@ -49,10 +46,6 @@ export default {
             type: String,
             default: null,
         },
-        referer: {
-            type: String,
-            default: null,
-        },
     },
     computed: {
         range,

assets/components/tile/release.vue

@@ -1,8 +1,7 @@
 <template>
     <div
-        :id="`${release.type}-${release.id}`"
-        :class="{ [release.type]: true }"
         class="tile"
+        :class="{ movie: release.type === 'movie' }"
     >
         <span class="poster">
             <span class="details">
@@ -48,8 +47,10 @@
                 >{{ `(${formatDate(release.dateAdded, 'MMM D, YYYY')})` }}</a>
             </span>
 
-            <router-link
-                :to="{ name: release.type || 'scene', params: { releaseId: release.id, releaseSlug: release.slug }, ...(referer && { hash: `#${referer}` }) }"
+            <a
+                :href="`/${release.type || 'scene'}/${release.id}/${release.slug || ''}`"
+                target="_blank"
+                rel="noopener noreferrer"
                 class="link"
             >
                 <img
@@ -71,12 +72,14 @@
                     :title="release.title"
                     class="thumbnail"
                 >No thumbnail available</div>
-            </router-link>
+            </a>
         </span>
 
         <div class="info">
-            <router-link
-                :to="{ name: release.type || 'scene', params: { releaseId: release.id, releaseSlug: release.slug }, ...(referer && { hash: `#${referer}` }) }"
+            <a
+                :href="`/${release.type || 'scene'}/${release.id}`"
+                target="_blank"
+                rel="noopener noreferrer"
                 class="row link"
             >
                 <h3
@@ -89,7 +92,7 @@
                         icon="film"
                     />{{ release.title }}
                 </h3>
-            </router-link>
+            </a>
 
             <span class="row">
                 <ul class="actors nolist">
@@ -132,10 +135,6 @@ export default {
             type: Object,
             default: null,
         },
-        referer: {
-            type: String,
-            default: null,
-        },
     },
 };
 </script>

assets/js/fragments.js

@@ -113,7 +113,6 @@ const releaseFields = `
     title
     date
     slug
-    type
     createdAt
     url
     ${releaseActorsFragment}

assets/js/router.js

@@ -17,15 +17,11 @@ Vue.use(VueRouter);
 const routes = [
     {
         path: '/',
-        redirect: { name: 'home' },
-    },
-    {
-        path: '/home',
         component: Home,
         name: 'home',
     },
     {
-        path: '/scene/:releaseId/:releaseSlug?',
+        path: '/scene/:releaseId/:releaseTitle?',
         component: Release,
         name: 'scene',
     },
@@ -78,9 +74,6 @@ const routes = [
 const router = new VueRouter({
     mode: 'history',
     routes,
-    afterEach(to, from) {
-        console.log(to, from);
-    },
 });
 
 export default router;

migrations/20190325001339_releases.js

@@ -326,8 +326,7 @@ exports.up = knex => Promise.resolve()
             .references('id')
             .inTable('studios');
 
-        table.string('type', 10)
-            .defaultTo('scene');
+        table.string('type', 10);
 
         table.string('shoot_id');
         table.string('entry_id');

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "traxxx",
-  "version": "1.85.1",
+  "version": "1.85.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.85.1",
+    "version": "1.85.0",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {