fix: hotfix to use backwards-compatible imports

closes #64
nuxt-modules · Jan 18, 2021 · f36a3c4 · f36a3c4
1 parent 0a53f91
commit f36a3c4
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 13 deletions.
diff --git a/docs/content/en/helpers/images.md b/docs/content/en/helpers/images.md
@@ -56,7 +56,7 @@ You may wish to import `SanityImage` only in the components that need it, if you
 </template>
 
 <script>
-import { SanityImage } from '@nuxtjs/sanity/sanity-image'
+import { SanityImage } from '@nuxtjs/sanity/dist/components/sanity-image'
 
 export default {
   components: { SanityImage },

diff --git a/docs/content/en/helpers/portable-text.md b/docs/content/en/helpers/portable-text.md
@@ -30,7 +30,7 @@ You may wish to import `SanityContent` only in the components that need it if yo
 </template>
 
 <script>
-import { SanityContent } from '@nuxtjs/sanity/sanity-content'
+import { SanityContent } from '@nuxtjs/sanity/dist/components/sanity-content'
 
 export default {
   components: { SanityContent },

diff --git a/example/nuxt.config.js b/example/nuxt.config.js
@@ -19,14 +19,12 @@ const config = {
   },
   build: {
     extend (config) {
-      config.resolve.alias['@nuxtjs/sanity/sanity-content'] = resolve(
-        __dirname,
-        '../src/components/sanity-content',
-      )
-      config.resolve.alias['@nuxtjs/sanity/sanity-image'] = resolve(
-        __dirname,
-        '../src/components/sanity-image',
-      )
+      config.resolve.alias[
+        '@nuxtjs/sanity/dist/components/sanity-content'
+      ] = resolve(__dirname, '../src/components/sanity-content')
+      config.resolve.alias[
+        '@nuxtjs/sanity/dist/components/sanity-image'
+      ] = resolve(__dirname, '../src/components/sanity-image')
       config.resolve.alias['@nuxtjs/sanity'] = resolve(
         __dirname,
         '../src/index.ts',

diff --git a/example/pages/movie/_slug.vue b/example/pages/movie/_slug.vue
@@ -37,7 +37,7 @@
 <script lang="ts">
 import Vue from 'vue'
 import { groq } from '@nuxtjs/sanity'
-import { SanityImage } from '@nuxtjs/sanity/sanity-image'
+import { SanityImage } from '@nuxtjs/sanity/dist/components/sanity-image'
 
 const query = groq`*[_type == "movie" && slug.current == $slug][0] {
   title,

diff --git a/templates/plugin.js b/templates/plugin.js
@@ -7,12 +7,12 @@ import defu from 'defu'
 %>
 
 <% if (options.components.imageHelper && !options.components.autoregister) { %>
-import { SanityImage } from '@nuxtjs/sanity/sanity-image'
+import { SanityImage } from '@nuxtjs/sanity/dist/components/sanity-image'
 Vue.component('SanityImage', SanityImage)
 <% } %>
 
 <% if (options.components.contentHelper && !options.components.autoregister) { %>
-import { SanityContent } from '@nuxtjs/sanity/sanity-content'
+import { SanityContent } from '@nuxtjs/sanity/dist/components/sanity-content'
 Vue.component('SanityContent', SanityContent)
 <% } %>