* add turbo drive

Mailsnag-Inc · Jun 24, 2023 · f5abefb · f5abefb
1 parent 1a69941
commit f5abefb
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 7 deletions.
diff --git a/app/frontend/entrypoints/application.js b/app/frontend/entrypoints/application.js
@@ -1,16 +1,23 @@
+import * as Turbo from "@hotwired/turbo";
+Turbo.start();
+
 import { createApp, defineAsyncComponent } from "vue";
+import TurbolinksAdapter from "vue-turbolinks";
 import vuetify from "~/plugins/vuetify";
 
 import App from "~/app";
 const BlogsIndex = defineAsyncComponent(() => import("~/pages/blogs/index"));
 const BlogsShow = defineAsyncComponent(() => import("~/pages/blogs/show"));
 
-const app = createApp({});
+document.addEventListener("turbo:load", () => {
+  const app = createApp({});
 
-app.use(vuetify);
+  app.use(TurbolinksAdapter);
+  app.use(vuetify);
 
-app.component("App", App);
-app.component("BlogsIndex", BlogsIndex);
-app.component("BlogsShow", BlogsShow);
+  app.component("App", App);
+  app.component("BlogsIndex", BlogsIndex);
+  app.component("BlogsShow", BlogsShow);
 
-app.mount("#app");
+  app.mount("#app");
+});
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -7,7 +7,7 @@
     <%= csp_meta_tag %>
 
     <%= vite_client_tag %>
-    <%= vite_javascript_tag 'application' %>
+    <%= vite_javascript_tag 'application', 'data-turbo-track': 'reload' %>
   </head>
 
   <body>

diff --git a/package.json b/package.json
@@ -7,8 +7,10 @@
     "vite-plugin-vuetify": "^1.0.2"
   },
   "dependencies": {
+    "@hotwired/turbo-rails": "^7.3.0",
     "@mdi/js": "^7.2.96",
     "vue": "^3.3.4",
+    "vue-turbolinks": "^2.2.2",
     "vuetify": "^3.3.5"
   }
 }
diff --git a/yarn.lock b/yarn.lock
@@ -117,6 +117,19 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz#8cfaf2ff603e9aabb910e9c0558c26cf32744061"
   integrity sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==
 
+"@hotwired/turbo-rails@^7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@hotwired/turbo-rails/-/turbo-rails-7.3.0.tgz#422c21752509f3edcd6c7b2725bbe9e157815f51"
+  integrity sha512-fvhO64vp/a2UVQ3jue9WTc2JisMv9XilIC7ViZmXAREVwiQ2S4UC7Go8f9A1j4Xu7DBI6SbFdqILk5ImqVoqyA==
+  dependencies:
+    "@hotwired/turbo" "^7.3.0"
+    "@rails/actioncable" "^7.0"
+
+"@hotwired/turbo@^7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@hotwired/turbo/-/turbo-7.3.0.tgz#2226000fff1aabda9fd9587474565c9929dbf15d"
+  integrity sha512-Dcu+NaSvHLT7EjrDrkEmH4qET2ZJZ5IcCWmNXxNQTBwlnE5tBZfN6WxZ842n5cHV52DH/AKNirbPBtcEXDLW4g==
+
 "@jridgewell/sourcemap-codec@^1.4.13":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
@@ -148,6 +161,11 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
+"@rails/actioncable@^7.0":
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/@rails/actioncable/-/actioncable-7.0.5.tgz#bbc11203e0d3d5084002abfcf01d621fdf5f3a9d"
+  integrity sha512-SOBA2heB9lTw0VYIx8M/ed7inSf4I9sR8OIlJprhgkfQ3WJtrxPJ6DDATR1Z3RYaIR7HlT2Olj08v1lfGIGuHA==
+
 "@vitejs/plugin-vue@^4.2.3":
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.2.3.tgz#ee0b6dfcc62fe65364e6395bf38fa2ba10bb44b6"
@@ -595,6 +613,11 @@ vite@^4.3.9:
   optionalDependencies:
     fsevents "~2.3.2"
 
+vue-turbolinks@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/vue-turbolinks/-/vue-turbolinks-2.2.2.tgz#6b7b5c4120f5586907ef977be4b63a734bf8cd36"
+  integrity sha512-pPO2Fr+1UgdhUK9dc5OhjLSeYi5LZAm/VZBXOVQgLHCO31bRjAof/+W/e/6SHCbnb1xdZb1gW5T9MX0k9ejSAQ==
+
 vue@^3.3.4:
   version "3.3.4"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.3.4.tgz#8ed945d3873667df1d0fcf3b2463ada028f88bd6"