Shopify App Vue Template v.3.4.0
v3.4.0 — Release Notes
What's New
better-sqlite3 Migration
The template has migrated from sqlite3 to better-sqlite3 for improved performance and a simpler, synchronous API. Session storage is handled via a dedicated adapter:
@minisylar/shopify-app-session-storage-better-sqlite
- "@shopify/shopify-app-session-storage-sqlite": "^5.0.5"
- "sqlite3": "^5.1.7"
+ "@minisylar/shopify-app-session-storage-better-sqlite": "^1.1.3"
+ "better-sqlite3": "^12.8.0"Express 5 + shopify-app-express v7
express@^5.2.1is now a direct dependency —@shopify/shopify-app-express@7moved it to peerDependencies- Wildcard route syntax updated for Express 5 (
/api/*→/api/{*path})
Vue Router
- Navigation guard updated to use return values instead of the deprecated
next()callback
Misc
.sqlite-shmand.sqlite-waladded to.gitignore(WAL mode journal files)
Upgrading from v3.3.0
-
Update your dependencies:
npm uninstall sqlite3 @shopify/shopify-app-session-storage-sqlite npm install better-sqlite3 @minisylar/shopify-app-session-storage-better-sqlite express
-
In
shopify.js, swap the session storage import:- import { SQLiteSessionStorage } from '@shopify/shopify-app-session-storage-sqlite' + import { BetterSQLiteSessionStorage } from '@minisylar/shopify-app-session-storage-better-sqlite' - sessionStorage: new SQLiteSessionStorage(DB_PATH) + sessionStorage: new BetterSQLiteSessionStorage(DB_PATH)
-
Delete your existing
node_modulesandpackage-lock.json, then run a freshnpm install.
TypeScript version
A TypeScript variant of this template is available:
npx degit Mini-Sylar/shopify-app-vue-template#typescript your-app-nameThe TypeScript branch includes all of the above changes plus full type coverage across models, webhooks, middleware, and routes.