refactor(theme): change to new refactored usereview composable

Author: sethidden

packages/theme/components/ProductAddReviewForm.vue

@@ -120,9 +120,7 @@ import {
   useRoute,
   useContext,
 } from '@nuxtjs/composition-api';
-import {
-  reviewGetters, useReview, userGetters,
-} from '@vue-storefront/magento';
+import { reviewGetters, userGetters } from '@vue-storefront/magento';
 import { extend, ValidationObserver, ValidationProvider } from 'vee-validate';
 import { min, oneOf, required } from 'vee-validate/dist/rules';
 import {
@@ -132,6 +130,7 @@ import {
   SfTextarea,
 } from '@storefront-ui/vue';
 import { useUser } from '~/composables';
+import { useReview } from '~/composables/useReview';
 
 extend('required', {
   ...required,

packages/theme/components/__tests__/ProductAddReviewForm.spec.js

@@ -2,21 +2,21 @@
 import { waitFor } from '@testing-library/vue';
 import userEvent from '@testing-library/user-event';
 import { useRoute } from '@nuxtjs/composition-api';
-import { useUser, useReview } from '@vue-storefront/magento';
+import { useUser } from '@vue-storefront/magento';
 import {
   render,
   useUserMock,
   useReviewMock,
 } from '~/test-utils';
 
 import ProductAddReviewForm from '../ProductAddReviewForm';
+import { useReview } from '~/composables/useReview';
 
 jest.mock('@vue-storefront/magento', () => {
   const originalModule = jest.requireActual('@vue-storefront/magento');
   return {
     ...originalModule,
     useUser: jest.fn(),
-    useReview: jest.fn(),
   };
 });
 
@@ -30,6 +30,14 @@ jest.mock('@nuxtjs/composition-api', () => {
   };
 });
 
+jest.mock('~/composables/useReview', () => {
+  const originalModule = jest.requireActual('~/composables/useReview');
+  return {
+    ...originalModule,
+    useReview: jest.fn(),
+  };
+});
+
 describe.skip('<ProductAddReviewForm/>', () => {
   it('Form fields are rendered and validated', async () => {
     useUser.mockReturnValue(useUserMock());

packages/theme/pages/MyAccount/MyReviews.vue

@@ -58,8 +58,9 @@ import {
   SfReview,
   SfRating,
 } from '@storefront-ui/vue';
-import { reviewGetters, useReview } from '@vue-storefront/magento';
+import { reviewGetters } from '@vue-storefront/magento';
 import { computed, defineComponent, onMounted } from '@nuxtjs/composition-api';
+import { useReview } from '~/composables/useReview';
 
 export default defineComponent({
   name: 'MyReviews',

packages/theme/pages/Product.vue

@@ -269,7 +269,6 @@ import {
 } from '@storefront-ui/vue';
 import {
   productGetters,
-  useReview,
   reviewGetters,
 } from '@vue-storefront/magento';
 import {
@@ -296,6 +295,7 @@ import UpsellProducts from '~/components/UpsellProducts';
 import RelatedProducts from '~/components/RelatedProducts';
 import HTMLContent from '~/components/HTMLContent';
 import AddToWishlist from '~/components/AddToWishlist';
+import { useReview } from '~/composables/useReview';
 
 export default defineComponent({
   name: 'ProductPage',