Skip to content

Shopify App Vue Template v.3.4.0

Choose a tag to compare

@Mini-Sylar Mini-Sylar released this 09 Apr 12:27
· 6 commits to main since this release

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.1 is now a direct dependency@shopify/shopify-app-express@7 moved 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-shm and .sqlite-wal added to .gitignore (WAL mode journal files)

Upgrading from v3.3.0

  1. Update your dependencies:

    npm uninstall sqlite3 @shopify/shopify-app-session-storage-sqlite
    npm install better-sqlite3 @minisylar/shopify-app-session-storage-better-sqlite express
  2. 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)
  3. Delete your existing node_modules and package-lock.json, then run a fresh npm install.


TypeScript version

A TypeScript variant of this template is available:

npx degit Mini-Sylar/shopify-app-vue-template#typescript your-app-name

The TypeScript branch includes all of the above changes plus full type coverage across models, webhooks, middleware, and routes.